
callmelord-com
Unapologetically loud, high-impact branding aesthetic dominated by electric vermilion and stark black Swiss grotesque type. Massive uppercase typography and saturated full-bleed panels command attention while pitch-black project grids let client visuals take center stage.
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.1
- Distinctionmeasured
- 8.0
- on the grid
- 31%
- vertical rhythm
- 43%
- type on a scale
- 56%
- contrast passing AA
- 75%
- unlike the library
- 0.27
- model craft
- 8.0/10
- model deviation
- 6.3/10
Colour
Typefaces
- Display
- Helvetica Now Display
- Body
- Helvetica Now Display
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 16 · 20 · 24 · 32 · 40
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 0px · 999px
Capture
- Category
- agency
- Sections
- 7
- Captured
- 2026-08-30
- Rhythm
- red → dark → red → dark x2 → red x2
Type rules
- display type set in uppercase Helvetica Now Display at sizes up to 160px with tight line height
- body copy maintained around 49 characters per line with clean Swiss grotesque geometry
Colour rules
- saturated electric vermilion (#fe3811) anchors hero, pillars, statement, and footer
- pitch black (#000000) isolates project showcase cards and editorial insight tiles
Voice rules
- short imperative slogans in heavy all-caps
- direct manifesto statements celebrating rebels and bold brands
Holds it together
- sandwich the dark portfolio grids between full-bleed saturated red hero, pillar, and statement sections
- render display headlines in tightly tracked all-caps grotesque type spanning the container width
- enclose metadata and categorization tags in slim pill badges beneath project visuals
Contrast
Type, measured
- Body
- 16px / 1.4
- Measure
- 49 characters
- Display
- 160px / 0.9
- Tracking
- -0.01em display
- Scale ratio
- 1.78
Voice
- Tone
- declarative, confident
- Sentences
- short
- Person
- first
- Vocabulary
- plain
- Calls to action
- build, see
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- yes
- Nav
- top_bar, 8 items
- Length
- 10.5 screens
Sections in page order
3 marked strong · 7- 00
hero
An unapologetically loud, high-impact typographic hero radiating pure confidence through saturated red-orange and heavy black Swiss lettering.
- Mood
- bold + raw
- Layout
- 1 col · stacked · airy

- 01
showcase
Bold and cinematic agency portfolio showcasing high-contrast project tiles paired with refined uppercase labels and category pills.
- Mood
- bold + editorial
- Layout
- 1 col · grid · balanced

- 02
feature grid
StrongPunchy and unapologetic high-saturation agency breakdown pairing heavy grotesque type with a massive graphic emblem.
- Mood
- bold + playful
- Layout
- 12 col · grid · dense

- 03
showcase
Punchy agency portfolio showcase featuring vibrant media cards, bold case studies, and disciplined metadata tags over a deep black background.
- Mood
- bold + editorial
- Layout
- 1 col · grid · balanced

- 04
feature grid
StrongHigh-impact typographic cards showcase brand insights above an intense red statement band.
- Mood
- bold + editorial
- Layout
- 1 col · grid · dense

- 05
statement
Vibrant, saturated vermilion statement section presenting a stark three-column typographic manifesto in pure black grotesque type.
- Mood
- bold + editorial
- Layout
- 3 col · grid · airy

- 06
footer
StrongElectric orange statement footer dominated by massive metallic brutalist letterforms above crisp, compact studio contact details.
- Mood
- bold + raw
- Layout
- 1 col · stacked · dense




