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.
LAY-001

Single Column Focus

Narrow single-column reading layout.

layouts simple single-column reading
Open
LAY-002

Two Column Balanced

Equal two-column section layout.

layouts simple two-column
Open
  1. Step 1
  2. Step 2
  3. Step 3

Supporting copy goes here.

LAY-003

Three Column Grid

Simple three-column content grid.

layouts simple three-column grid
Open
LAY-004

Asymmetric Main Sidebar

Wide main column with a supporting sidebar.

layouts simple asymmetric sidebar
Open
LAY-005

Bento Mosaic

Bento-style mixed tile layout.

layouts complex bento mosaic
Open
Lead story
LAY-006

Magazine Feature Spread

Lead story with stacked supporting stories.

layouts simple magazine editorial
Open
LAY-007

Dashboard Shell

Nav rail plus metric/chart/table regions.

layouts complex dashboard shell
Open

Idea captured

Next milestone

Ship day

LAY-008

Timeline Progression

Vertical timeline for sequential storytelling.

layouts simple timeline steps
Open
LAY-009

Split Screen Duo

Full split-screen paired panels.

layouts simple split-screen
Open
LAY-010

Masonry Gallery Frame

Masonry-inspired uneven media frame.

layouts simple masonry gallery
Open

Section title

Supporting copy goes here.

LAY-011

Documentation Frame

Docs-like asymmetric frame with sticky-side intent.

layouts simple documentation sticky-sidebar
Open

Supporting copy goes here.

Line

Line

Line

LAY-012

Card Grid Stage

Stage prepared for card grid sections.

layouts simple card-grid
Open
NameVal
Section title31
Beta2
LAY-013

Feature Grid Stage

Three-up feature grid scaffolding.

layouts simple feature-grid
Open
LAY-014

Overlapping Story Panels

Panels arranged to suggest overlapping sections.

layouts complex overlapping story
Open
Section title

Supporting copy goes here.

LAY-015

Full Width Band

Full-width structural band for immersive sections.

layouts simple full-width band
Open
LAY-016

Triple Rail

Distinct layouts pattern with unique structure for AI reference.

layouts moderate lay pattern-0
Open
Header Grid

Supporting copy for this pattern.

LAY-017

Header Grid

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-1
Open

Hero Stack

LAY-018

Hero Stack

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-2
Open

Rail Section

Supporting copy for this pattern.

LAY-019

Rail Section

Distinct layouts pattern with unique structure for AI reference.

layouts moderate lay pattern-3
Open
LAY-020

Zigzag Rows

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-4
Open
  • Step List
  • Supporting copy for this pattern.
  • Continue
LAY-021

Step List

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-5
Open
LAY-022

Split Panels

Distinct layouts pattern with unique structure for AI reference.

layouts moderate lay pattern-6
Open
Bento Tiles

Supporting copy for this pattern.

LAY-023

Bento Tiles

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-7
Open
ProductA
CompanyB

Supporting copy for this pattern.

LAY-024

Chrome Shell

Distinct layouts pattern with unique structure for AI reference.

layouts simple lay pattern-8
Open