generalcondition-com
Irreverent, tactile, and cartoonish. Giant red serif typography dominates a fine dark grid backdrop, colliding with colourful storybook character illustrations and raw monospaced copy blocks.
Visit siteRated
7.5/ 10
From 7 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
- 9.6
- Systemmeasured
- 5.4
- Distinctionmeasured
- 7.1
- on the grid
- 20%
- vertical rhythm
- 52%
- type on a scale
- 63%
- contrast passing AA
- 80%
- unlike the library
- 0.25
- model craft
- 8.0/10
- model deviation
- 7.3/10
Colour
Background#0f0f0f
Text#eecec6
Accent#fe1e0b
Surface#ebd0c9
Muted#8bb7e8
Typefaces
- Display
- Right Serif Bold
- Body
- Supply
- Mono
- Supply
- Source
- self_hosted
- Scale
- 11 · 13 · 14 · 16 · 23 · 35
Layout
- Grid
- —
- Container
- —
- Spacing base
- 5px
- Radius
- 0px
Capture
- Category
- studio
- Sections
- 7
- Captured
- 2026-08-30
- Rhythm
- dark x2 → light → mixed → dark x2 → light
Type rules
- display headlines set in massive high-contrast serif with tight line-height
- supporting narrative and eyebrow copy formatted in all-caps monospaced Supply at 56 characters per line
- service listings stacked centered in mixed-case high-contrast display serif
Colour rules
- hyper-saturated red (#fe1e0b) acts as the primary accent across text, borders, and buttons
- alternate between deep black (#0f0f0f) and pale peach (#ebd0c9) section backgrounds with sky blue (#8bb7e8) accents
Voice rules
- use ironic, punchy agency self-awareness
- support copy in compact uppercase monospace
Holds it together
- anchor every section with oversized display serif typography in saturated red or blue
- contrast heavyweight serif display typography with compact uppercase monospace support text
- integrate quirky hand-drawn cartoon characters overlapping structured typographic layouts
- render action items and badges as sharp, solid red rectangular sticker buttons
Contrast
text on background13.0:1 AAA
muted text on background9.2:1 AAA
text on surface1.0:1 fail
accent on background4.9:1 AA
background on accent4.9:1 AA
Type, measured
- Body
- 16px / 1.4
- Measure
- 56 characters
- Display
- 310px / 0.8
- Tracking
- 0em display
- Scale ratio
- 2.10
Voice
- Tone
- irreverent, confident, playful
- Sentences
- short
- Person
- first
- Vocabulary
- informal
- Calls to action
- see, talk
Built with
- Builder
- —
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 5 items
- Length
- 6.7 screens
Sections in page order
3 marked strong · 7- 00
hero
Bold, retro-inspired dark hero featuring giant red serif typography over a fine grid and quirky cartoon character art.
- Mood
- bold + playful
- Layout
- 1 col · asymmetric · balanced
- 01
hero
Playful pop-surreal hero featuring a falling cartoon character diving toward massive bold red greeting typography on a black backdrop.
- Mood
- playful + bold
- Layout
- 1 col · centered · airy
- 02
feature
An all-type services manifesto using high-contrast red display serifs stacked centrally over a soft peach canvas.
- Mood
- editorial + playful
- Layout
- 1 col · stacked · balanced
- 03
showcase
Vibrant, tightly packed vertical project cards burst with illustrated characters and retro brand marks above a bold royal blue awards ticker.
- Mood
- playful + bold
- Layout
- 1 col · full bleed · dense
- 04
statement
StrongBold dark statement section layering a quirky illustrated medallion over massive red serif typography.
- Mood
- bold + playful
- Layout
- 8 col · stacked · balanced
- 05
team
StrongEccentric team roster featuring colourful cartoon avatars on a dashed connecting line with bold red serif names and quirky mono bios.
- Mood
- playful + raw
- Layout
- 1 col · full bleed · balanced
- 06
cta
StrongVibrant poster-style call to action featuring oversized electric-blue serif typography, a quirky illustrated character, and a skewed red sticker button.
- Mood
- playful + bold
- Layout
- 1 col · centered · dense
