CURATED · OPEN · FREE

Dovetail No

Investing in tech-enabled companies that last.

FintechPremiumEditorialBold Typography

↓ Download design system (14 MB)Open in OpenDesign

Visit: https://dovetail.no

📦 Browse pack contents →

Identity DNA

InvestmentTechnologyPartnershipDesignLongevity

A premium Swiss studio crafting investment vehicles for tech longevity.

Color

#1D1E21Ink

#F9E5B1BG

#9CA3AFMuted

rgba(229,231,235,1)Line

Warm, high-contrast palette dominated by a single tint and near-black ink.

Typography

humanist-sans

display56px · 500
heading48px · 400
body-lg28px · 400
body22px · 400
caption16px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

8px based vertical rhythm enforced by line-heights and padding.

Surfaces

sm · 4px

md · 16px

lg · 24px

pill · 9999px

No borders on containers; occasional 2px dividers or 1px borders.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A two-column split layout with large typography balanced by abstract illustrations.

Motion & Interaction

150msmicro

200mssmall

400msmedium

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

Color and fill transitions on hover

Subtle color or opacity transition on navigation links and buttons. · Immediate visual feedback via transitions.

Components

button High-contrast pill-shaped button with inverted colors (white text on black bg).
card Clean, text-driven cards with minimal or no visual borders.
chip Simple, unbordered navigation links.
input N/A
hero A massive typographic statement balanced by a large, abstract illustration.

Voice & Don'ts

Tone Confident, direct, and premium.
Headlines Large, bold, and statement-driven, often using negative tracking.
CTAs Simple, action-oriented, and highly legible.

Don't use bright accent colors — screenshot shows a strict two-tone palette.
Don't use playful or decorative typefaces — screenshot shows a clean humanist sans-serif.
Don't add drop shadows to containers — screenshot shows flat, shadowless surfaces.
Don't use complex gradients — screenshot shows a single, solid warm background.
Don't clutter the layout with small elements — screenshot shows a spacious, typography-driven hierarchy.
Don't use rounded cards with borders — screenshot shows open space and minimal visual containers.
Avoid: Flashy gradients
Avoid: Neon colors
Avoid: Playful emojis
Avoid: Dense paragraphs
Avoid: Complex iconography

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Dovetail is an investment firm with a premium, design-led digital presence. The primary palette is warm and high-contrast, featuring a dominant sandy yellow background (#F9E5B1) paired with near-black ink (#1D1E21). Typography is a clean humanist sans-serif used at large scales with tight tracking for a modern, confident feel. Critical design constraints: 1) Never use playful or decorative fonts; 2) Avoid bright accent colors or complex gradients; 3) Do not use drop shadows or dense, cluttered containers. The layout is spacious and editorial, balancing large statements with bold, abstract illustrations.

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