Midday
Quiet, editorial, and deeply calm. Expansive pure white backgrounds combine with classic serif headlines and ultra-fine hairline cards to give financial tooling the quiet dignity of high-end editorial print.
Visit siteColour
Typefaces
- Display
- Hedvig Letters Serif
- Body
- Hedvig Letters Sans
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 12 · 14 · 16 · 18 · 20
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 6px · 12px
Capture
- Category
- finance
- Sections
- 9
- Captured
- 2026-08-29
- Rhythm
- light x9
Type rules
- headlines set in elegant sentence-case serif with generous line spacing
- body and metadata set in clean sans-serif with short, highly readable line lengths under 40 characters
- tiny uppercase tracking for location tags and category badges
Colour rules
- pure white background dominates over 95% of the page
- near-black text paired with soft neutral grey secondary text and subtle hairline borders
- emerald green indicator used strictly as a status or live-activity accent
Voice rules
- lead with calm, direct statements without hyperbolic marketing buzzwords
- quantify time savings and feature benefits directly in table or card subtext
Holds it together
- keep interface mockups monochromatic and minimal to preserve visual calmness
- use fine 1px light grey borders rather than heavy card drop shadows
- maintain generous vertical whitespace between content tiers to avoid visual crowding
Contrast
Type, measured
- Body
- 14px / 1.63
- Measure
- 34 characters
- Display
- 508px / 1
- Tracking
- 0em display
- Scale ratio
- 2.45
Voice
- Tone
- restrained, precise, confident
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- start, learn, view
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 4 items, sticky
- Length
- 7.3 screens
Sections in page order
3 marked strong · 9- 00
hero
An airy, restrained, typographically driven hero with generous white space and clean editorial serif headlines.
- Mood
- quiet + editorial
- Layout
- 16 col · centered · airy
- 01
showcase
StrongAn ultra-clean, monochromatic financial workspace blending structured dashboard cards with conversational AI input in an airy, clinical layout.
- Mood
- clinical + quiet
- Layout
- 8 col · grid · balanced
- 02
feature
Quiet and meticulously structured product feature layout pairing a stepped text hierarchy with a clean financial transaction table mockup.
- Mood
- quiet + clinical
- Layout
- 2 col · split · airy
- 03
feature grid
Quiet and refined feature grid with delicate monochrome icons centered within square muted tiles.
- Mood
- quiet + clinical
- Layout
- 4 col · grid · airy
- 04
stats
Quiet, minimalist grid breaking down weekly administrative hours with delicate typography and subtle bordered cards.
- Mood
- quiet + clinical
- Layout
- 6 col · grid · airy
- 05
feature
A calm, understated feature section with generous whitespace, subtle serif headings, and a muted checklist card.
- Mood
- quiet + warm
- Layout
- 16 col · stacked · airy
- 06
testimonial
StrongQuiet, light testimonial row displaying customer quotes on subtly rotated physical-style cards with refined literary typography.
- Mood
- quiet + editorial
- Layout
- 4 col · grid · airy
- 07
logo bar
A clean, minimal integrations section with an elegant serif headline and edge-faded pill tags for connected apps.
- Mood
- quiet + clinical
- Layout
- 1 col · centered · balanced
- 08
footer
StrongCrisp and spacious footer anchored by an immense, muted outlined wordmark bleeding off the bottom edge.
- Mood
- quiet + clinical
- Layout
- 13 col · stacked · airy
