Balestra
High-fashion editorial layout balancing vivid cobalt imagery with stark sans-serif typography. Split-screen framing creates immediate immersion and architectural balance.
Visit siteColour
Background#ffffff
Text#000000
Accent#000fa6
Surface#f7f7f7
Muted#ffffff
Typefaces
- Display
- Arial
- Body
- Arial
- Mono
- —
- Source
- system
- Scale
- 24 · 48
Layout
- Grid
- 14 columns
- Container
- 1440px
- Spacing base
- 10px
- Radius
- 0px
Capture
- Category
- fashion
- Sections
- 1
- Captured
- 2026-08-30
- Rhythm
- mixed
Type rules
- display type overlaid directly on imagery with tight negative tracking
- body text kept ultra-compact under 15 characters per measure
Colour rules
- deep cobalt #000fa6 serves as brand signature on text links and image accents
- stark black and white base palette allows saturated photography to lead
Voice rules
- navigation-driven copy with minimal text
Holds it together
- split the viewport into edge-to-edge full-bleed photographic panels
- overlay minimal white typography directly over photographic focal points
- anchor the layout with a persistent bottom navigation bar featuring cobalt links
Contrast
text on background21.0:1 AAA
text on surface19.6:1 AAA
accent on background13.0:1 AAA
background on accent13.0:1 AAA
Type, measured
- Body
- 24px / 0.92
- Measure
- 11 characters
- Display
- 48px / 1
- Tracking
- -0.01em display
- Scale ratio
- 1.19
Voice
- Tone
- declarative, confident
- Sentences
- short
- Person
- third
- Vocabulary
- plain
- Calls to action
- shop, touch
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 15 items, sticky
- Length
- 1 screens
Sections in page order
1 marked strong · 1- 00
hero
StrongVibrant split-screen fashion hero pairing saturated cobalt photography with stark, oversized typography.
- Mood
- editorial + luxurious
- Layout
- 14 col · split · airy
