Heretic

Rebellious, high-impact studio aesthetic clashing medieval blackletter typography with aggressive automotive styling. Muted military olive fields anchor dense, tightly tracked Swiss headlines and glowing amber accents.

bold raw editorial

Visit site ↗

Colour

Background#97958a

Text#2c2b1e

Accent#ffba24

Surface#2b2a1d

Muted#97958a

Typefaces

Display: Misfits Blackletter Regular
Body: Helvetica Neue Bold
Mono: —
Source: self_hosted
Scale: 14 · 16 · 19 · 24 · 35 · 40

Layout

Grid: —
Container: —
Spacing base: 8px
Radius: 0px

Capture

Category: studio
Sections: 11
Captured: 2026-08-27
Rhythm: dark → muted olive x2 → dark olive → muted olive x4 → dark x2 → amber

Type rules

body text runs in tightly tracked bold sans-serif with negative 0.06em letter spacing
use oversized gothic blackletter exclusively for brand identity, lead slogans, and footer signatures
keep line measure compressed around 47 characters for punchy readability

Colour rules

golden amber (#ffba24) serves as the primary highlight on both black and olive backdrops
subdued olive drab (#97958a) grounds the portfolio cases and editorial statements
full-bleed black sections open the page and isolate 3D product renders

Voice rules

lead with confrontational, anti-establishment posture
reject corporate buzzwords in favor of colloquial force

Holds it together

contrast stark black voids with muted olive editorial panels
use gold blackletter headings to subvert modern tech sans layouts
apply intense yellow callouts to key phrases within dark text blocks
bookend the site with full-screen dark hero and saturated amber footer

Contrast

text on background4.8:1 AA

text on surface1.0:1 fail

accent on background1.8:1 fail

background on accent1.8:1 fail

Type, measured

Body: 19px / 1.4
Measure: 47 characters
Display: 40px / 1.1
Tracking: -0.06em display
Scale ratio: 1.20

Voice

Tone: provocative, direct, irreverent
Sentences: medium
Person: first
Vocabulary: informal
Calls to action: agree, deny, book

Built with

Builder: framer
Framework: —
Motion: lenis
WebGL: —
Nav: —
Length: 7.9 screens

Colour, by area

accent on container, text

#97958a 0%#000000 0%#2b2a1d 0%#ffffff 0%#ffba23 0%#ffba24 0%

Sections in page order

3 strongest marked · 11

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
A menacing dark hero featuring bold gothic typography and a central sports car emerging from deep shadow, framed by sharp amber accents.
Mood
bold + raw
Layout
11 col · asymmetric · airy
Open section →
01
statement
Strongest
Bold, rebellious agency manifesto featuring earthy tones, striking blackletter accents, and a detailed medieval knight illustration.
Mood
bold + nostalgic
Layout
16 col · asymmetric · balanced
Open section →
02
logo bar
A muted, earthy client logo strip grounded by a small gothic blackletter heading.
Mood
raw + editorial
Layout
1 col · stacked · balanced
Open section →
03
testimonial
Strongest
Earthy, muted testimonial section combining golden-yellow typography on dark olive vertical cards flanked by client logos and blackletter headers.
Mood
editorial + warm
Layout
1 col · stacked · balanced
Open section →
04
showcase
Muted olive case study section anchoring vibrant 3D and nostalgic digital artifacts above disciplined two-column Swiss typography.
Mood
editorial + playful
Layout
1 col · stacked · balanced
Open section →
05
showcase
Muted editorial case study pairing a dark horizontal media showcase with two columns of understated project details.
Mood
editorial + quiet
Layout
2 col · stacked · balanced
Open section →
06
showcase
A muted split-column case study summary grounded beneath a vibrant purple mobile media showcase.
Mood
editorial + quiet
Layout
2 col · split · balanced
Open section →
07
showcase
Subdued studio portfolio section pairing a muted olive background and tight sans-serif copy with a carousel of glowing brand visuals.
Mood
editorial + quiet
Layout
1 col · stacked · balanced
Open section →
08
showcase
Restrained case study module pairing dark UI laptop mockups above a muted olive panel of editorial narrative copy.
Mood
editorial + quiet
Layout
1 col · stacked · balanced
Open section →
09
cta
Strongest
A quiet, gallery-like call-to-action featuring framed poster artwork flanking a dark pill button.
Mood
editorial + quiet
Layout
1 col · centered · airy
Open section →
10
footer
Punchy high-contrast yellow footer dominated by massive blackletter typography and checkered framing.
Mood
bold + raw
Layout
12 col · stacked · dense
Open section →