Arcade. Electric blue ripple on white paper.
- SaaS
- Light theme
- 12 colors
- 2 typefaces
Arcade's visual system is a white-canvas product surface accented by one saturated electric-blue (#2142e7) and a signature flowing blue gradient that anchors the hero. Typography is Inter across all sizes, with weight concentrated in the 400–700 band and tight negative tracking on display sizes that tightens the type optically as it scales. The interface reads as functional and quiet: gray-on-white content blocks, thin borders, compact 12–16px radii, and cool-tinted shadows built on rgba(17,24,39,...) that keep every elevated surface feeling on-brand. Color is rationed — one blue does the work of accent, CTA, and focus — while everything else is a neutral ramp. Density is comfortable but not airy: 8px and 12px gaps dominate micro-spacing, 32–48px separates sections.
Arcade design system
Brand2
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Neutrals10
Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color
Nav link hover, emphasized body text, secondary headings
Subheadings and section titles that sit between body and display weight
Body text, nav links, icon fills, card secondary copy — the dominant text color across the page
Muted helper text, placeholder copy, low-emphasis labels
Stronger borders, checkbox frames, visible structural edges
Hairline borders, input borders, card outlines, divider lines
Alternate section background, subtle hover fills, tag backgrounds
Page canvas, section backgrounds, the base layer everything sits on
Card surfaces, button text, input fields, nav bar background — the primary elevated surface
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper White on Voltage Blue
7.01 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
