Prompt & style library

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

Plus Jakarta Sans

tweakcn

Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Best for Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections.

UI/UX Pro Max

Soft concave and convex 3D effects using dual shadows to simulate light sources. Light backgrounds with same-tone elements create a refined sense of depth.

StyleKit

A dark photography gallery portfolio: near-black canvases let full-bleed images command absolute attention; warm amber accents highlight metadata and captions while ultra-light typography retreats into the background. F…

StyleKit

Premium frosted glass with a nocturne temperament. Deep ink scenes and restrained light wells; the glass borrows light instead of carrying color — gaussian blur, saturation boost, lit top edges and film grain make glass…

StyleKit

Scrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…

StyleKit

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

BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries ever…

BMW Type Next Latin

Awesome DESIGN.md

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

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

An inspired interpretation of Supabaze's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, an…

Circular

Awesome DESIGN.md

Robot vacuum silhouettes float in LiDAR-cold studio light above near-black fields (#161616, #313131) — the product is the hero, and Roborock's digital canvas is engineered to serve it. Primary interactive voltage runs t…

proxima-nova

Awesome DESIGN.md — e-commerce

A dramatic visual style drawn from classic 1940-50s film noir. Extreme light-dark contrast, deep grayscale layers, diagonal shadows, and a mysterious atmosphere, suited for story-driven products, photography portfolios,…

StyleKit

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

Inter

tweakcn

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

Plus Jakarta Sans

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

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

Open Sans

tweakcn

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

DM Sans

tweakcn

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

Poppins

tweakcn

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

Geist

tweakcn

shadcn/ui theme — light and dark tokens, Architects Daughter.

Architects Daughter

tweakcn

shadcn/ui theme — light and dark tokens, "Oxanium".

"Oxanium"

tweakcn

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

Montserrat

tweakcn

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

Montserrat

tweakcn

shadcn/ui theme — light and dark tokens, Courier New.

Courier New

tweakcn

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

Merriweather

tweakcn

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

Inter

tweakcn

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

Inter

tweakcn

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

Poppins

tweakcn

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

Montserrat

tweakcn

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

Roboto

tweakcn

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

Poppins

tweakcn

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

Inter

tweakcn

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

Outfit

tweakcn

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

DM Sans

tweakcn

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

Oxanium

tweakcn

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

Plus Jakarta Sans

tweakcn

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

Outfit

tweakcn

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

Open Sans

tweakcn

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

Inter

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

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

DM Sans

tweakcn

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

Outfit

tweakcn

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

Montserrat

tweakcn

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

Poppins

tweakcn

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

Libre Baskerville

tweakcn

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

Montserrat

tweakcn

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

Libre Baskerville

tweakcn

shadcn/ui theme — light and dark tokens.

tweakcn

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

Geist

tweakcn

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

Geist Mono

tweakcn

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

Geist Mono

tweakcn

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

DM Sans

tweakcn

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

Antic

tweakcn