STYLE GUIDE
A practical system for finance workflows that feel calm, direct, and premium.
Use this page as the canonical reference for Wireme’s typography, color, reusable components, and spacing rhythm across marketing pages.
Color system - Primary
primary/500
primary/400
Primary/300
Primary/200
Color system - Secondary
Secondary/500
Secondary/400
Secondary/300
Secondary/200
Color system - Tertiary
Secondary/500
Secondary/400
Secondary/300
Secondary/200
Color system - Neutral
Neutral/500
Neutral/400
Neutral/300
Neutral/200
Typography system
Headings/H1 - Hero
Wire every finance workflow
Headings/H2 - Section
Every Finance Function. One Platform
Headings/H3 — Subsection
Approval flows, policy controls, and spend visibility
Body/Body L
Wireme keeps finance teams moving with a calm interface, precise controls, and language that explains the next action clearly.
Body/Body M
Wireme keeps finance teams moving with a calm interface, precise controls, and language that explains the next action clearly.
Body/Body S
Wireme keeps finance teams moving with a calm interface, precise controls, and language that explains the next action clearly.
Spacing and layout
1440px
Maximum content width for major sections and inner wrappers.
48px
Primary section padding and large internal rhythm.
10px
Compact alignment gap for labels, icons, and small groups.