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.

30 components Search by ID or description. Category chips narrow the grid as the library grows.
Warm neutrals
Medium Warm
COLOR-001

Medium Warm Palette

Comfortable medium-warm palette strip for easy-on-the-eyes interfaces.

colors simple palette warm medium-warm
Open
Console blues
Cool Tech
COLOR-002

Cool Technical Palette

Cool blue-gray technical palette suited to tools and consoles.

colors simple palette cool technical
Open
Gray ramp
Mono
COLOR-003

Mono Grayscale Ramp

Neutral grayscale ramp from ink to paper for mono systems.

colors simple palette mono grayscale
Open
Semantic roles
SuccessWarningErrorInfo
COLOR-004

Semantic Status Colors

Success, warning, error, and info colors as a status system.

colors moderate semantic status feedback
Open
One accent rule

Neutrals carry structure. Accent marks the action.

COLOR-005

Brand Accent on Neutral

Quiet neutrals with a single brand accent used sparingly.

colors simple accent brand neutral
Open
Light on darkAA+
Dark on lightAA+
COLOR-006

High Contrast Pair

Stark light-on-dark and dark-on-light pair for maximum readability.

colors simple contrast accessibility pair
Open
Soft washLinear
COLOR-007

Linear Gradient Wash

Simple linear gradient wash for heroes and banners.

colors simple gradient linear wash
Open
Focus glowSpotlight
COLOR-008

Radial Spotlight Gradient

Radial gradient that creates a spotlight focus behind content.

colors moderate gradient radial spotlight
Open
Layered stopsMesh
COLOR-009

Tri-Stop Mesh Gradient

Layered multi-stop gradient with a soft mesh feel.

colors moderate gradient mesh multi-stop
Open
Calm surface

A quiet wash that keeps content readable.

Tint
COLOR-010

Soft Tinted Surface

Low-chroma tinted surface for calm cards and panels.

colors simple tint surface soft
Open
Readable over art

Dark alpha layer protects headline contrast.

COLOR-011

Alpha Overlay Scrim

Semi-transparent scrim over imagery for readable text.

colors moderate overlay alpha scrim
Open
Duotone
COLOR-012

Duotone Image Wash

Two-tone color wash applied over a media placeholder.

colors moderate duotone overlay brand
Open
Stroke role
COLOR-013

Outline Color Only

Color used only as stroke and text, with a transparent fill.

colors simple outline stroke ghost
Open
Marked section

Color as a structural cue, not a fill.

COLOR-014

Accent Rail Strip

Vertical accent rail marking a content block without filling it.

colors simple rail accent editorial
Open
--accent
--warm
--muted
--surface
COLOR-015

CSS Token Swatches

Named design tokens shown as labeled color variables.

colors moderate tokens variables system
Open
Light
Dark
COLOR-016

Light and Dark Pair

Side-by-side light and dark theme surfaces sharing one accent.

colors moderate theme light dark
Open
Neon
COLOR-017

Neon Glow Edge

Neon edge glow effect for futuristic accents and CTAs.

colors moderate animation effect glow neon
Open
Tinted elevation

Shadow borrows the accent hue.

COLOR-018

Soft Colored Shadow

Elevation created with a tinted shadow instead of plain black.

colors simple effect shadow elevation
Open
Frosted panel

Translucent surface over a colorful stage.

COLOR-019

Frosted Glass Panel

Frosted glass panel with blur and translucent color.

colors moderate effect glass blur
Open
Inner
COLOR-020

Inner Glow Well

Inset inner glow that makes a well feel lit from within.

colors moderate effect inner-glow inset
Open
Textured washGrain
COLOR-021

Grain Noise Overlay

Subtle film grain over a colored surface for texture.

colors moderate effect grain noise
Open
Framed centerVignette
COLOR-022

Vignette Frame

Edge vignette that darkens corners and frames the center.

colors simple effect vignette frame
Open
COLOR-023

Sheen Sweep Highlight

Moving sheen highlight across a colored surface.

colors moderate animation effect sheen shine
Open
Brand over art
COLOR-024

Color Wash on Media

Solid brand wash layered over media at partial opacity.

colors simple effect wash media
Open