ZeroDown Software
Failure Gap Design System
The visual language behind the Failure Gap assessment and admin portals — navy primary, a single amber accent, system type, and a borders-over-shadows approach. Browse the foundations and components below.
Colors
Primary & accent
Navy does the work; amber is the single bright accent.
Neutrals & surfaces
Cool light-grey page, white cards, hairline borders.
Semantic
Green / amber / red, each with a tinted callout.
Score bands
FGI performance bands and peer-cohort ranges.
Type
Font families
System Arial/Helvetica for UI; mono for IDs & codes.
Type scale
11px eyebrows up to 30px score numbers.
Weights & eyebrows
Weight 500 carries emphasis; uppercase eyebrows.
Spacing
Spacing scale
4px grid behind padding, gaps & margins.
Radii
4 → 12px soft rounding; 999px pills.
Elevation & focus
Borders define structure; shadows only float.
Brand
Logo
ZeroDown Software wordmark.
Safehouse badge
'Protected' shield trust mark.
Banner & footer
Skyline hero and the dark footer.