Prompt &amp; style library

shadcn/ui theme — light and dark tokens.

tweakcn

Ocean Breeze

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

Retro Arcade

shadcn/ui theme — light and dark tokens, Outfit.

Outfit

tweakcn

Midnight Bloom

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

Candyland

shadcn/ui theme — light and dark tokens, Poppins.

Poppins

tweakcn

Northern Lights

shadcn/ui theme — light and dark tokens, Plus Jakarta Sans.

Plus Jakarta Sans

tweakcn

Vintage Paper

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

Sunset Horizon

shadcn/ui theme — light and dark tokens, Montserrat.

Montserrat

tweakcn

Starry Night

shadcn/ui theme — light and dark tokens, Libre Baskerville.

Libre Baskerville

tweakcn

Claude

shadcn/ui theme — light and dark tokens.

tweakcn

Vercel

shadcn/ui theme — light and dark tokens, Geist.

Geist

tweakcn

Mono

shadcn/ui theme — light and dark tokens, Geist Mono.

Geist Mono

tweakcn

Soft Pop

shadcn/ui theme — light and dark tokens, DM Sans.

DM Sans

tweakcn

Sage Garden

shadcn/ui theme — light and dark tokens, Antic.

Full style reference · 6k chars

Antic

tweakcn

Toss Style Design System — coding rules

Guide

Toss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility

awesome-cursorrules

Cinematic Video Hero

Style

A cinematic opener led by a short looping video. A poster frame paints first as the LCP; the muted video autoplays and loops only once in view; text sits on a readability scrim. Dark grading and slow motion build a trai…

StyleKit

Airtable-inspired

Full style reference · 35k chars

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…

Haas Groot Disp

Awesome DESIGN.md

Apple-inspired

Full style reference · 37k chars

A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action…

SF Pro Display

Awesome DESIGN.md

Claude-inspired

Full style reference · 34k chars

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model sho…

Copernicus

Awesome DESIGN.md

Clay-inspired

Full style reference · 26k chars

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…

Plain Black

Awesome DESIGN.md

Composio-inspired

Full style reference · 21k chars

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards…

abcDiatype

Awesome DESIGN.md

Cursor-inspired

Full style reference · 22k chars

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`…

CursorGothic

Awesome DESIGN.md

Framer-inspired

Full style reference · 29k chars

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident b…

GT Walsheim Framer Medium

Awesome DESIGN.md

Lamborghini-inspired

Full style reference · 21k chars

Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely black.…

Awesome DESIGN.md

Linear-inspired

Full style reference · 24k chars

A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the singl…

Linear Display

Awesome DESIGN.md

Mongodb-inspired

Full style reference · 32k chars

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unm…

Euclid Circular A

Awesome DESIGN.md

Sanity-inspired

Full style reference · 21k chars

Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire experience sits on a near-black canvas (`#0b0b0b`) that reads less like a "dark…

Awesome DESIGN.md

Spotify-inspired

Full style reference · 13k chars

Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) where album art and content become the primary source of color. The design philosop…

Awesome DESIGN.md

Superhuman-inspired

Full style reference · 22k chars

An inspired interpretation of Superhumon's design language — a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quie…

Super Sans VF

Awesome DESIGN.md

Peloton-inspired