Zemew

AI Design Library

Browse visually. Reference by ID. You do not need the fancy name for a layout if you can point at the one you want.

45 components Search by ID or description. Category chips narrow the grid as the library grows.

Zemew AI Guide

AI cannot read your mind

Give it references, constraints, and room to iterate.

HERO-001

Centered Statement Hero

Centered headline, supporting line, and artwork below.

heroes moderate centered statement
Open

Show the idea

Pick a visual reference instead of inventing terminology.

HERO-002

Split Hero Artwork Right

Copy on the left with artwork placeholder on the right.

heroes simple split artwork-right
Open

Start with a picture

Then attach a permanent component ID.

HERO-003

Split Hero Artwork Left

Artwork leads, copy follows on the right.

heroes simple split artwork-left
Open

Design by reference

Browse, pick, and tell AI exactly which piece you mean.

HERO-004

Overlay Story Hero

Text over a full-bleed background placeholder.

heroes simple overlay story
Open

Less guessing

More concrete references for every section of the page.

HERO-005

Asymmetric Floating Card

Asymmetric hero with a floating content/artwork card.

heroes complex asymmetric floating-card
Open
Design Library

A visual language for prompts

Component IDs turn “that one” into a reusable instruction.

HERO-006

Editorial Rail Hero

Magazine-style hero with a vertical accent rail.

heroes simple editorial rail
Open

Build the interface you imagine

Swap components the way you swap loadouts.

HERO-007

Gaming HUD Hero

Gaming-inspired hero with HUD accents and a screenshot placeholder.

heroes simple animation gaming hud
Open
HERO-008

Minimal Narrow Hero

Quiet centered hero with restrained spacing.

heroes simple minimal spacious
Open
  • Ship the structure first
  • Artwork can arrive after the system works.
  • Inspect
HERO-009

Industrial Product Hero

Industrial split layout for product-focused launches.

heroes simple industrial product
Open

reference --id HERO-010

HERO-010

Terminal Launch Hero

Developer-oriented hero with mono styling cues.

heroes simple terminal developer
Open
Point AI at the pattern

Then refine with swaps instead of essays.

HERO-011

Futuristic Gradient Stage

Futuristic hero with staged depth and strong contrast.

heroes simple animation futuristic gradient
Open
HERO-012

Classic Brochure Hero

Familiar brochure-style hero with clear hierarchy.

heroes simple classic brochure
Open

Collect references as you browse.

Line

Line

Line

HERO-013

Dense Dashboard Intro

Compact hero suited to product dashboards.

heroes simple dashboard dense
Open
ProductA
CompanyB

If you can point at it, you can reference it.

HERO-014

Playful Soft Launch

Friendly soft hero with playful accent treatment.

heroes simple playful soft
Open

Explain less. Reference more.

A short ID can carry a long visual idea.

HERO-015

Spacious Story Split

Wide, airy split hero for long-form storytelling pages.

heroes simple spacious story
Open

Live

Ship with clearer references

Track adoption of design IDs across your team.

  • 681Components
  • 27Categories
  • 3xCoverage
HERO-016

Stats Strip Hero

Hero with a headline and a three-metric stats strip.

heroes moderate stats metrics
Open
HERO-017

Logo Lockup Hero

Brand mark lockup above a short statement and CTA.

heroes simple logo brand
Open

Watch the workflow

Browse, pick an ID, and paste it into your prompt.

HERO-018

Video Frame Hero

Copy beside a faux video player frame.

heroes simple video media
Open

Launch window

Library drop in

02Days
11Hours
40Mins

New reference packs arrive on release day.

HERO-019

Countdown Launch Hero

Launch hero with a day-hour-minute countdown.

heroes moderate countdown launch
Open

Get weekly references

One short note with fresh component IDs.

HERO-020

Newsletter Capture Hero

Hero focused on email capture with supporting copy.

heroes simple newsletter capture
Open

Pick once. Reuse forever.

Permanent IDs keep your design language stable.

HERO-021

Dual CTA Stacked Hero

Centered statement with stacked primary and secondary CTAs.

heroes simple cta stacked
Open

Buttons collection

Sixty action patterns for prompts and prototypes.

HERO-022

Breadcrumb Context Hero

Page hero that opens with a breadcrumb trail.

heroes moderate breadcrumb context
Open
“Component IDs cut our prompt revisions in half.”
Maya ChenProduct designer
HERO-023

Testimonial Hero

Hero led by a short quote and attribution.

heroes simple testimonial quote
Open

Find a studio near you

Reference nights and walk-in critique sessions.

HERO-024

Map Location Hero

Location-focused hero with a map placeholder panel.

heroes simple map location
Open