creativeblood-com
Stark, raw editorial brutalism. Giant condensed grotesque headers and outlined typography alternate with intimate full-bleed high-fashion imagery and label-tape monospaced captions, ending in an uncompromising blast of saturated red and safety yellow.
Visit siteRated
7.3/ 10
From 16 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 8.7
- Systemmeasured
- 4.9
- Distinctionmeasured
- 10.0
- on the grid
- 37%
- vertical rhythm
- 51%
- type on a scale
- 75%
- contrast passing AA
- 33%
- unlike the library
- 0.38
- model craft
- 7.6/10
- model deviation
- 6.4/10
Colour
Background#ffffff
Text#000000
Accent#ef0202
Surface#000000
Muted#ffffff
Typefaces
- Display
- mono45-headline
- Body
- Roboto Mono
- Mono
- Roboto Mono
- Source
- Scale
- 14 · 25 · 70 · 140
Layout
- Grid
- —
- Container
- —
- Spacing base
- 10px
- Radius
- 0px
Capture
- Category
- agency
- Sections
- 16
- Captured
- 2026-08-30
- Rhythm
- light x2 → dark → light → dark → light x2 → dark → light → dark → light → dark → light → bright red → electric yellow
Type rules
- display headings stack filled solid black lettering over stroked outline letterforms
- all supporting metadata, navigation, and captions render exclusively in monospaced type
- body and label measures stay narrow at 42 characters per line max
Colour rules
- pure stark white dominates the editorial flow until disrupted by solid fire red CTA and electric yellow footer
- text tags use high-contrast boxed containers with black text on white or inverse
Voice rules
- treat captions and metadata as literal label-maker tags
- keep headlines to proper nouns and uppercase statements
Holds it together
- alternate full-bleed imagery directly with oversized solid-and-outline typographic statement cards
- enclose image captions in boxed white-or-black monospaced label chips positioned in corner margins
- confine saturated color fills exclusively to terminal callout blocks
Contrast
text on background21.0:1 AAA
accent on background4.5:1 AA Large
background on accent4.5:1 AA Large
Type, measured
- Body
- 14px / 1.15
- Measure
- 42 characters
- Display
- 140px / 0.79
- Tracking
- 0em display
- Scale ratio
- 1.78
Voice
- Tone
- stark, matter-of-fact, curatorial
- Sentences
- short
- Person
- third
- Vocabulary
- plain
- Calls to action
- sign up, read, accept
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 6 items
- Length
- 15.1 screens
Sections in page order
3 marked strong · 16- 00
hero
Cinematic agency hero pairing an aggressively cropped masthead with behind-the-scenes production photography and raw mono captions.
- Mood
- editorial + raw
- Layout
- 1 col · stacked · airy
- 01
hero
Stark typographic hero featuring massive condensed black lettering contrasting against hollow outlined text across a minimalist white canvas.
- Mood
- raw + bold
- Layout
- 16 col · stacked · airy
- 02
showcase
Gritty full-bleed underground flash photography anchored by boxed monospace label typography in the corner.
- Mood
- raw + editorial
- Layout
- 2 col · full bleed · balanced
- 03
statement
A stark, high-contrast typographic title pairing heavy filled and outlined letterforms flanked by technical monospace metadata.
- Mood
- bold + raw
- Layout
- 8 col · centered · airy
- 04
showcase
A refined, full-bleed fashion portrait framed like a gallery exhibit with delicate monospace client metadata floating on the image.
- Mood
- quiet + editorial
- Layout
- 24 col · full bleed · airy
- 05
statement
Massive, condensed typographic title card in stark black and white, pairing bold filled lettering with wireframe outlined type.
- Mood
- bold + raw
- Layout
- 1 col · stacked · dense
- 06
feature
StrongIntimate editorial portrait dominating the frame with tiny, typewriter-style monochrome typography tucked into the margin.
- Mood
- editorial + quiet
- Layout
- 4 col · full bleed · airy
- 07
statement
Stark and confident typography-driven project statement pairing solid and outlined heavyweight letterforms.
- Mood
- bold + raw
- Layout
- 12 col · centered · airy
- 08
showcase
Bold full-bleed portrait photography anchored by stark monospace labeling for a raw, editorial portfolio feature.
- Mood
- editorial + raw
- Layout
- 1 col · full bleed · airy
- 09
statement
High-impact stark typographic statement alternating solid black and outlined condensed letterforms across a pure white canvas.
- Mood
- raw + editorial
- Layout
- 1 col · stacked · dense
- 10
showcase
Dramatic, high-gloss macro beauty photography contrasted against utilitarian, boxed monospace metadata tags.
- Mood
- luxurious + raw
- Layout
- 2 col · full bleed · airy
- 11
showcase
Stark brutalist project title screen with bold condensed lettering and outlined stroke display typography.
- Mood
- raw + bold
- Layout
- 1 col · centered · airy
- 12
feature
StrongFull-bleed portraiture combined with stark monospace captions layered like label tape creates an intimate, raw editorial feature.
- Mood
- editorial + raw
- Layout
- 3 col · full bleed · airy
- 13
feature
StrongFull-bleed black-and-white portrait overlaid with boxed monospace labels creating an intimate, zine-like editorial feature.
- Mood
- editorial + raw
- Layout
- 2 col · full bleed · airy
- 14
cta
Aggressive and uncompromising red banner with punchy, oversized condensed black typography demanding immediate attention.
- Mood
- bold + raw
- Layout
- 1 col · full bleed · dense
- 15
footer
An electric yellow brutalist footer balancing structured monospace utility columns against an oversized high-contrast serif wordmark.
- Mood
- raw + bold
- Layout
- 4 col · grid · balanced
