Skip to content
UI Kit
Accent color

Placeholders and generators

Placeholder pictures for every industry, generated logos and avatars from a seed for mockups, logo clouds and team pages.

3 components · 15 variants
Switch category

On this page

Every component of this category. Pick one to jump to its variants.

avatar-generator

Avatar generator

Avatars drawn from a seed, for placeholders, new accounts, demo data and comment threads. Drawn faces, geometric marks, gradient orbs with initials and pixel stamps. The same name always gives the same picture.

Props and details · Avatar generator

Drawn faces

A drawn person for every name, with skin, hair, eyes and mouth, sometimes glasses or a beard. New faces draws a fresh set and the team rises in again.

Open in Studio

Geometric marks

Calm shapes on a tinted square for workspaces, projects and teams. Shown in a workspace picker with a check that follows the choice.

Open in Studio

Gradient with initials

A soft orb of theme colors with the initials. Type a name and the avatar redraws as you type, or pick one of the eight below.

Open in Studio

Pixel stamp

A mirrored five by five pattern, like a stamp. Good for usernames and anonymous accounts, type to see it change.

Open in Studio

Stack and thread

Overlapping avatars with a count for the rest, hover lifts one and shows the name. Below, a comment thread with the same faces.

Open in Studio

logo-generator

Logo generator

Placeholder brands from a seed for logo clouds, mockups and case studies. Twelve families of marks, seeded wordmarks in the one typeface, lockups, stacked logos and app icons. The same name always gives the same brand, none of them looks like a real company.

Props and details · Logo generator

Marks

Twelve symbols from twelve families, each with seeded details. Switch between mono, accent and color, hover turns a mark.

Open in Studio

Lockups

Symbol and name side by side, stacked or the word alone. The marks spring in and the words sharpen as they scroll into view.

Open in Studio

App icons

The symbol on a rounded tile with a soft light, on a home screen with a dock. Icons rise in one after another and press down on a tap.

Open in Studio

Logo cloud

A quiet trusted-by grid for a landing page before the real logos arrive. Muted until hover, drawn in as it scrolls into view.

Open in Studio

Brand sheet

Type a name and get a small brand sheet with the lockup, the stacked logo on dark and the icon in three sizes. Another take draws a new version.

Open in Studio

placeholder

Placeholder images

Placeholder pictures that look like the photo that will later sit in the slot. Seventeen industries, each with several shots, a caption chip and a size hint for builders. No files, no requests.

Props and details · Placeholder images

Hospitality

Restaurant, café, bar and hotel. The cards rise one after another, the picture zooms on hover and the button swaps every shot.

Property listing

A listing with house and rooms. The photo grows into place while you scroll, the thumbnails switch it and the size hint shows 1600 px.

Health and wellness

Fitness, yoga, salon and practice. The switch glides to the industry and the three shots fade in anew.

Business and studio

Law firm, software, agency, course, event, shop and craft in a bento grid that rises in order.

All industries

The full set with a group filter. The size switch shows the pixel size each slot expects.

Similar components

More from Visuals, the same area of the kit.

Often combined with

Sections that usually sit next to Placeholders and generators on a page.

Often searched

Jump to

Copied to the clipboard