CURATED · OPEN · FREE

Ledger

Premium hardware and software wallet ecosystem for secure crypto asset management.

01

Identity DNA

A digital vault for the decentralized age

02

Color

High-contrast monochrome with a singular energetic accent for critical actions.

03

Typography

geometric-sans · humanist-sans · monospace

• display56px · 500
• heading32px · 500
• body16px · 400
• caption13px · 400
• label12px · 600

Use geometric-sans for impactful, modern headings · Use humanist-sans for highly legible body copy · Apply tight negative letter-spacing to large display text for a bold, premium feel

04

Spacing

Consistent 4px base grid providing tight, controlled vertical rhythm.

05

Surfaces

Thin 1px solid borders using subtle white or grey with low opacity.

rgba(255,255,255,0.1) 0px -2px 1px 0px inset · rgba(0,0,0,0.25) 0px 2.4px 2.4px 0px

06

Layout

Asymmetric split hero layout with a wide container and narrow content column for readability.

07

Motion & Interaction

Standard transitions for background colors and basic transforms · Smooth opacity fades for reveal effects · Background gradient transitions on scroll

Background color shifts or subtle opacity changes on interactive elements. · Immediate visual feedback via background color update or scale transform.

08

Components

• button Pill-shaped primary buttons with high-contrast orange background; secondary buttons are text-based with arrows.
• card Testimonial cards feature thin 1px borders and generous internal padding on the dark background.
• chip Small uppercase category labels enclosed in simple bordered containers.
• input Minimal, dark-themed inputs designed to blend into the background.
• hero A full-width section dominated by a large product visual on a gradient background paired with a bold left-aligned typographic block.

09

Voice & Don'ts

• Tone Authoritative, secure, and empowering.
• Headlines Direct, action-oriented, and benefit-focused.
• CTAs Clear and imperative, often paired with a directional arrow.

• Don't use rounded, playful shapes — screenshot shows sharp, precise pill buttons and geometric icons instead.
• Don't use a light or white background — screenshot shows a dominant, deep black background throughout.
• Don't use thin, weak typography — screenshot shows bold, tightly tracked geometric sans-serif headlines.
• Don't use a wide variety of accent colors — screenshot shows a strict monochrome palette with a single orange accent.
• Don't use soft, blurry drop shadows — screenshot shows minimal, crisp inset box-shadows and thin 1px borders.
• Don't use small, cramped containers — screenshot shows generous whitespace and a wide, expansive layout.
• Avoid: Jargon-heavy or overly complex technical language
• Avoid: Playful or casual tones that undermine the security aspect
• Avoid: Visual clutter or unnecessary decorative elements
• Avoid: Low-contrast text that hinders readability
• Avoid: Generic or unbranded imagery
• Avoid: Aggressive or jarring transitions

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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