Copy any product's design language

duply turns a real design system into one DESIGN.md — tokens, type, spacing, components — so your AI agent builds in that exact visual language.

Browse the library →

Pick it. Copy it. Build in it.

01 / Browse

Pick a design you love

Browse a curated library of real sites and product UIs. Filter by style, industry, color, and typeface. Marketing pages and dashboards both.

02 / One file

# DESIGN.md name: Linear colors: ink: #08090a primary: #15663f rounded: { md: 8px } …

copied to clipboard

Copy one DESIGN.md

One file, fully tokenized. Every component references tokens, never inline hex. Or grab the ready-made agent prompt for your tool.

03 / Your agent

▍ claude, build the pricing page in this design language

Build in that language

Your AI agent now ships in that exact visual system, accurately, the first time. No more “make it look like Stripe” guesswork.

Every great design,
fully decoded.

Not five hex codes. Production-grade token sets: type scale, spacing rhythm, radii, component specs. For the sites and product UIs you already admire.

StripeFintech LinearDev Tools VercelDev Tools NotionDesign AnthropicDesign SupabaseDev Tools RaycastDesign SpotifyDesign DiscordDesign SlackDesign NetflixDesign OpenAIDesign RevolutDesign WiseDesign RampDesign LoomDesign TodoistDesign ObsidianDesign ClaudeDesign AttioDesign PostHogDesign ElevenLabsDesign RetoolDesign Cal.comDesign Cal.comSaaS CalendlyDesign ClickUpDesign CodaDesign DubDesign MiddayDesign n8nDesign MediumDesign SubstackDesign SkillshareDesign MasterClassDesign HeadspaceDesign QuizletDesign ScaleDesign ZedDesign GSAPDesign NeonDesign aivalDesign MetabaseDesign MeshConnectDesign LummiDesign LMNTDesign Last9Design KoyebDesign January.aiDesign InvaryDesign IncreaseDesign HyperDXDesign HookdeckDesign Highlight.ioDesign HeliconeDesign GreptimeDesign GalileoDesign FormlessDesign FontshareDesign Fly.ioDesign FloTorchDesign FivetranDesign FeatherlessDesign falDesign FabricDesign EstuaryDesign DopplerDesign DescopeDesign DeepgramDesign DaggerDesign CubertoDesign CovalDesign CosmosDesign CorootDesign CorbadoDesign ConduitPayDesign CockroachLabsDesign CluelyDesign ClickHouseDesign trychromaDesign

Show all 256 designs

Design of the week

Marketing · Fintech · Editorial

Stripe

The reference point for fintech marketing design — white canvas with deep navy ink, a violet-blurple action color, and light-weight Söhne typography at editorial scale. Brand voltage comes from the famous animated gradient hero (pink/orange/yellow/violet stops), diagonally skewed section seams, and real product UI screenshots framed inside the marketing flow. Buttons are compact pills; everything else is rectangles with restrained 6–16px radii. The system reads as precision infrastructure with one expressive, painterly surface at the top of the page.

Open the DESIGN.md