Dovetail

Dovetail

Preview image. Unlock full-res

Warm parchment, sharp ink — a trusted signature.

Industryfintech
Palette
#fef9f3
#1d1e21
#e5e7eb
#000000
#f9e5b1

Dovetail uses a sophisticated, understated aesthetic: a warm off-white canvas sets a clean foundation, punctuated by a soft, muted yellow accent. Typography is central, using a bespoke sans-serif for sharp, confident headlines and body text. Components are minimal, relying on subtle borders and rounded corners rather than heavy shadows or fills, maintaining an open and airy feel. The overall impression is one of approachable authority, balancing professional rigor with a comforting visual warmth. Use Parchment (#fef9f3) as the default page background to establish a warm, clean canvas. Apply Lausanne typeface for all text elements, maintaining its specified weights and letter-spacing for brand consistency. Utilize Charcoal Ink (#1d1e21) for primary text and interactive button backgrounds to ensure strong contrast and visual hierarchy. Employ Haze Gray (#e5e7eb) for subtle borders and dividers, providing visual segmentation without heaviness. Round corners with 16px for cards and images, and 24px or 9999px for buttons and tags to maintain a consistent soft, yet structured, feel. Structure layout with base unit 8px. Maintain 24px element gaps and 32px section gaps for comfortable density. Integrate Sunkissed Ochre (#f9e5b1) as a background accent for feature sections, adding warmth and differentiation. Avoid heavy shadows; the system relies on subtle borders and background colors for differentiation instead of elevation. Do not introduce new chromatic colors outside of Sunkissed Ochre, as the brand identity is built on a restricted, warm neutral palette. Refrain from altering the specified font weights or letter spacing for Lausanne; these are critical for the brand's typographic tone. Do not use sharp 0px radius corners unless specifically called for by a unique component, as most interactive elements use rounded forms. Avoid dense, information-heavy blocks. Opt for comfortable spacing and clear visual hierarchy using designated element and section gaps. Do not use generic system fonts; Lausanne is a key brand identifier and should be used consistently across all platforms.

More like this