Design Library
Browse

Browse by layout

Entries grouped by the dominant layout pattern we observed on each source site’s captured page.

Centered hero 12

Palette chips: colors measured from our screenshots of these entries ESTIMATED

IC-001 · Icon Library

Lucide Icons

Monochrome lightCentered hero
IC-004 · Icon Framework

Iconify

Monochrome lightCentered hero
LG-002 · Logo Gallery

LogoLounge

Bold color accentCentered hero
LG-006 · Brand Guidelines

Slack media kit

Bold color accentCentered hero
WR-003 · Website Reference

Vercel

High-contrastCentered hero
WR-005 · Website Reference

Raycast

Monochrome darkCentered hero
WR-006 · Website Reference

Arc

Vibrant gradientCentered hero
WR-007 · Website Reference

Framer

Monochrome darkCentered hero
WR-008 · Website Reference

Apple

Monochrome lightCentered hero
AV-005 · Avatar Library

Multiavatar

Monochrome lightCentered hero
AV-008 · Illustration Library

unDraw

Monochrome lightCentered hero
FL-002 · UX Flow

Notion onboarding flow

Warm neutralCentered hero

Split hero 11

Palette chips: colors measured from our screenshots of these entries ESTIMATED

DS-001 · Design System

Material Design 3

PastelSplit hero
IC-002 · Icon Library

Heroicons

Monochrome lightSplit hero
IC-003 · Icon Library

Phosphor Icons

Warm neutralSplit hero
WR-001 · Website Reference

Linear

Monochrome darkSplit hero
WR-002 · Website Reference

Stripe

Vibrant gradientSplit hero
WR-004 · Website Reference

Notion

Monochrome lightSplit hero
AV-001 · Avatar Library

DiceBear

Monochrome lightSplit hero
AV-006 · Illustration Library

Open Peeps

High-contrastSplit hero
AV-007 · Illustration Library

Humaaans

Vibrant gradientSplit hero
AV-010 · Illustration Library

Blush

PastelSplit hero
FL-001 · UX Flow

Linear onboarding flow

Monochrome darkSplit hero

Card grid 8

Palette chips: colors measured from our screenshots of these entries ESTIMATED

FT-002 · Font Library

Fontshare

Warm neutralCard grid
LG-001 · Logo Gallery

Logobook

High-contrastCard grid
LG-003 · Logo Gallery

Dribbble · logo tag

Monochrome lightCard grid
LG-004 · Logo Gallery

Behance · logo projects

Monochrome lightCard grid
LG-009 · Open Brand Assets

Simple Icons

Monochrome lightCard grid
WR-009 · Website Reference

Airbnb

Monochrome lightCard grid
AV-004 · Avatar Library

Boring Avatars

PastelCard grid
AV-009 · Illustration Library

Storyset

Bold color accentCard grid

Documentation 6

Palette chips: colors measured from our screenshots of these entries ESTIMATED

DS-002 · Design System

Apple Human Interface Guidelines

Monochrome lightDocumentation
LG-005 · Brand Guidelines

Spotify brand & design guidelines

Monochrome lightDocumentation
LG-008 · Brand Guidelines

Vercel brand assets (Geist)

Monochrome lightDocumentation
AV-002 · Avatar Style

DiceBear · Lorelei

Monochrome lightDocumentation
AV-003 · Avatar Style

DiceBear · Notionists (Notion-style avatars)

Monochrome lightDocumentation
LN-001 · Agent Skill

Anthropic ‘frontend-design’ skill

Monochrome lightDocumentation

Editorial 2

Palette chips: colors measured from our screenshots of these entries ESTIMATED

LG-007 · Brand Guidelines

Mailchimp brand assets

Bold color accentEditorial
LG-010 · Guide

Logo types & design principles

Monochrome lightEditorial

Sidebar app shell 1

Palette chips: colors measured from our screenshots of these entries ESTIMATED

FT-001 · Font Library

Google Fonts

Monochrome lightSidebar app shell