Bolt. Electric lavender at dawn.
- Finance
- Mixed theme
- 9 colors
- 3 typefaces
Bolt's design language pairs a quiet lavender-tinted canvas with an electric blue accent, creating a fintech super-app that feels calm yet charged. A custom display face (agrandir-bolt) carries the brand voice with bold geometric character forms — note the lightning-bolt cutouts in the B — while Inter handles all functional UI text at tight tracking. Sections alternate between airy light surfaces and deep midnight-navy blocks, with the brand blue reserved exclusively for action surfaces, active states, and key word emphasis within headlines. Components are minimal: pill-shaped buttons, hairline borders, no shadows, and generous whitespace that lets photography and oversized brand typography breathe.
Bolt design system
Brand1
Primary action fill, active nav state, brand word emphasis inside headlines, and the lightning-bolt icon mark — a saturated electric blue that carries the entire brand identity
Neutrals8
Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color
Dark section backgrounds (centered statement block, footer) and dark badge fills — slightly lighter than Midnight Ink to create a two-tone dark system
Input and form field borders — a darker neutral that defines interactive containers without competing with the brand blue
Secondary text and icon strokes — cool mid-gray for descriptions, helper text, and inactive iconography
Gray accent for outlined action borders, linked labels, and lightweight interactive emphasis.
Hairline borders, subtle dividers, and soft surface tints on the light canvas — barely visible structural lines
Page canvas and hero backgrounds — a barely-there lavender tint keeps the light theme from feeling sterile and gives Bolt its signature pastel warmth
Card surfaces, input fields, and inverse text on dark backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure White on Bolt Blue
4.58 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
