CURATED · OPEN · FREE

Alchemy

The complete blockchain developer platform trusted by leading fintechs.

web3infra

↓ Download design system (18 MB)Open in OpenDesign

Visit: https://www.alchemy.com

📦 Browse pack contents →

Identity DNA

blockchaininfrastructuredeveloperscalefintech

Reliable digital plumbing for the blockchain economy.

Color

#363FF9Accent

#020617Ink

#374151Ink soft

#FFFFFFBG

#EFF4F9BG soft

#E2E8F0BG quiet

#64748BMuted

rgba(226, 232, 240, 1.0)Line

Clean, high-contrast surfaces with a vibrant blue accent for primary actions.

Typography

geometric-sans · humanist-sans · monospace

display56px · 500
h140px · 500
body16px · 400
caption12px · 400

Use display font (ppNeue) for headings and large emphasis · Use body font (Public Sans) for paragraphs and UI elements · Use mono font (Roboto Mono) for code blocks

Spacing

4px

8px

12px

16px

24px

32px

48px

64px

96px

Consistent 4px base grid with generous padding in hero sections.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

1px solid #E2E8F0

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 10px 15px -3px rgba(0, 0, 0, 0.1)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered container with generous whitespace around content.

Motion & Interaction

150msmicro

300mssmall

500msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Smooth fade-in for elements on scroll · Subtle hover states on buttons and cards

Subtle color shift or scale change on interactive elements. · Immediate visual feedback on press.

Components

button Rounded pill shape with solid blue background for primary actions, white text.
card Clean white cards with subtle borders or soft shadows.
chip Small rounded labels for categories like 'Devtools'.
input Standard text inputs with subtle borders.
hero Large left-aligned text with supporting illustration on the right.

Voice & Don'ts

Tone Professional, authoritative, and developer-focused.
Headlines Bold, concise, and benefit-driven.
CTAs Direct and action-oriented (e.g., 'Get your API key').

don't use decorative scripts — screenshot shows clean geometric sans-serif
don't use cluttered layouts — screenshot shows generous white space
don't use complex gradients — screenshot uses solid colors and subtle background tints
don't use small, hard-to-read text — screenshot maintains high legibility
don't hide primary actions — screenshot clearly highlights CTAs
don't use excessive color variety — screenshot sticks to a limited palette
Avoid: Overly casual or slang language
Avoid: Technical jargon without explanation
Avoid: Passive voice

Inside the pack — real screenshots

Alchemy — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a high-end developer tools platform for blockchain infrastructure. It positions itself as the trusted backend for serious fintech applications. Key colors are a crisp white background (#FFFFFF), a deep ink (#020617), and a vibrant primary blue (#363FF9). Typography uses a geometric sans for display (ppNeue) and a humanist sans for body (Public Sans). Critical donts: avoid decorative fonts, maintain generous white space, keep color palette limited and professional. The layout is a standard centered container with 12 columns.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko