Flomodia
Bold, warm editorial energy driven by deeply rich wine-red tones and curvaceous retro-inflected typography. Warm cream panels and high-contrast scarlet accents punctuate the moody backdrop, giving the entrepreneurial media platform a confident, tactile personality.
Visit siteColour
Typefaces
- Display
- Champ
- Body
- PP Mori
- Mono
- —
- Source
- Scale
- 12 · 14 · 16 · 20 · 24 · 32
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 16px · 24px · 999px
Capture
- Category
- media
- Sections
- 16
- Captured
- 2026-08-29
- Rhythm
- dark → mixed → dark x3 → light → dark x2 → light → dark x2 → mixed → dark x2 → mixed x2
Type rules
- display type set in Champ with negative letter-spacing at large scale
- body text in PP Mori set at 14px with approximately 69 characters per measure
- selective headline words emphasized in contrasting accent or cream tones
Colour rules
- deep wine dark tone dominates background coverage across more than 60 percent of the page
- warm cream surface breaks up long dark sequences for impact metrics and announcement modules
- saturated scarlet red accent reserved strictly for interactive pill buttons and keyword highlights
Voice rules
- use candid, first-person storytelling for founder and about copy
- pair concise imperative verbs with short object phrases on pill CTAs
Holds it together
- use deep burgundy as primary background with warm cream panels inserted for data and announcements
- render headline emphasis by shifting specific key terms into bright scarlet red or cream
- frame media cards and photography with interlocking rounded corners and pill-shaped overlays
Contrast
Type, measured
- Body
- 14px / 1.2
- Measure
- 69 characters
- Display
- 96px / 1
- Tracking
- -0.02em display
- Scale ratio
- 1.62
Voice
- Tone
- empowering, direct, informal
- Sentences
- medium
- Person
- first
- Vocabulary
- plain
- Calls to action
- watch, see, read
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 17.4 screens
Sections in page order
3 marked strong · 16- 00
hero
Rich crimson hero dominated by massive, curvaceous display typography that creates an immediate, punchy editorial statement.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · dense
- 01
announcement
A rich burgundy and cream editorial interface overlaid with a pill-shaped cookie consent modal and stylized photographic cutouts.
- Mood
- editorial + luxurious
- Layout
- 11 col · asymmetric · balanced
- 02
logo bar
Moody, deep burgundy intro section featuring bold display typography with high-contrast text breaking across tight lines.
- Mood
- bold + editorial
- Layout
- 15 col · asymmetric · airy
- 03
logo bar
Dramatic dark crimson trust section pairing floating partner logos over faint cursive lettering with a high-contrast bottom headline.
- Mood
- bold + luxurious
- Layout
- 1 col · stacked · balanced
- 04
showcase
Energetic and dense creator media grid pairing vibrant YouTube video thumbnails with a clean, high-contrast channel navigation card.
- Mood
- bold + playful
- Layout
- 14 col · grid · dense
- 05
stats
Warm cream impact section featuring rounded metric capsules with distinct retro-inflected typography and red accents.
- Mood
- playful + warm
- Layout
- 3 col · grid · balanced
- 06
statement
Massive display typography with muted tones and a brightly highlighted keyword creates a focused editorial statement.
- Mood
- bold + editorial
- Layout
- 1 col · stacked · dense
- 07
feature
A low-contrast typographic roster stacking heavy crimson event headings separated by thin rules in deep darkness.
- Mood
- bold + editorial
- Layout
- 9 col · stacked · airy
- 08
announcement
Warm typographic announcement framed with ticket-style cutout notches, contrasting deep crimson with bright red against a cream background.
- Mood
- bold + warm
- Layout
- 16 col · split · airy
- 09
statement
StrongDark narrative about section with irregular organic photo collages and distinctive mixed display typography.
- Mood
- editorial + warm
- Layout
- 3 col · asymmetric · balanced
- 10
feature
An intense, dark crimson numbered list featuring glowing scarlet numerals and warm cream typography with sharp, expressive letterforms.
- Mood
- bold + luxurious
- Layout
- 1 col · stacked · dense
- 11
feature
A bold numbered benefit list set in heavy display typography over a rich crimson backdrop, anchored below by a compact red CTA pill.
- Mood
- bold + warm
- Layout
- 9 col · stacked · balanced
- 12
gallery
StrongA lively, dense collage of event photography fitted into interlocking rounded frames with a bright red floating call to action.
- Mood
- warm + playful
- Layout
- 15 col · asymmetric · dense
- 13
announcement
Massive, expressive typography stands boldly against a deep dark background, announcing upcoming content with punchy confidence.
- Mood
- bold + playful
- Layout
- 14 col · centered · airy
- 14
showcase
Modular cream editorial blog cards set against a deep dark background with bold graphic event artwork.
- Mood
- editorial + playful
- Layout
- 2 col · grid · balanced
- 15
footer
StrongPlayful tabbed cream folder aesthetic set against deep wine red with retro script branding and newsletter signup.
- Mood
- playful + nostalgic
- Layout
- 15 col · asymmetric · balanced
