redscout-com

Stark, imposing, and typographic. Massive condensed uppercase headlines dominate pitch-black surfaces with high-contrast white text, interrupted only by a shock of electric chartreuse.

bold quiet raw editorial

Visit site

Rated

7.2/ 10

From 8 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.3
Systemmeasured: 6.5
Distinctionmeasured: 5.6

on the grid: 48%
vertical rhythm: 54%
type on a scale: 57%
contrast passing AA: 100%
unlike the library: 0.23
model craft: 7.4/10
model deviation: 5.9/10

Colour

Background#000000

Text#ffffff

Accent#defc52

Surface#000000

Muted#999999

Typefaces

Display: Agipo Bold Condensed
Body: Scto Grotesk B
Mono: —
Source: self_hosted
Scale: 16 · 20 · 24 · 34 · 48 · 64

Layout

Grid: 2 columns
Container: 995px
Spacing base: 4px
Radius: 0px

Capture

Category: agency
Sections: 8
Captured: 2026-08-30
Rhythm: dark x3 → mixed → dark x3

Type rules

display type is set uppercase in condensed grotesk with tight negative tracking
body text runs at 54 characters per line with 1.35 line height

Colour rules

background remains pure black across nearly all sections
electric chartreuse is isolated to a single core belief band

Voice rules

use active verb phrases for project positioning
keep secondary metadata in all-caps lists

Holds it together

integrate geometric starburst glyphs directly within display headlines
set all navigation, buttons, and discipline tags in uppercase sans-serif
restrict vibrant color fills to isolated statement banners

Contrast

text on background21.0:1 AAA

muted text on background7.4:1 AAA

text on surface21.0:1 AAA

accent on background18.1:1 AAA

background on accent18.1:1 AAA

Type, measured

Body: 20px / 1.35
Measure: 54 characters
Display: 144px / 0.9
Tracking: -0.02em display
Scale ratio: 1.64

Voice

Tone: confident, authoritative
Sentences: short
Person: third
Vocabulary: elevated
Calls to action: see, learn

Built with

Builder: —
Framework: —
Motion: swiper
WebGL: —
Nav: top_bar, 6 items
Length: 7.9 screens

Sections in page order

3 marked strong · 8

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

00
hero
Strong
High-contrast, stark agency hero commanding attention through massive condensed typography interspersed with dynamic geometric glyphs.
Mood
bold + editorial
Layout
1 col · centered · balanced
Open section →
01
statement
A punchy, high-contrast badge banner featuring bold condensed uppercase typography framed inside a fine oval against a vivid sky-blue gradient.
Mood
bold + dreamy
Layout
1 col · centered · balanced
Open section →
02
cta
A stark, hyper-minimalist black call-to-action section dominated by a massive outlined pill button.
Mood
quiet + bold
Layout
24 col · centered · airy
Open section →
03
showcase
A high-contrast, dark-mode agency portfolio grid showcasing bold case studies with sharp condensed typography and vivid imagery.
Mood
bold + editorial
Layout
1 col · grid · balanced
Open section →
04
statement
High-contrast statements in bold condensed type sit over an electric chartreuse band transitioning into a dark client logo row.
Mood
bold + raw
Layout
3 col · stacked · balanced
Open section →
05
testimonial
Layered, high-contrast typography collapses multiple quotes into a dense, glitch-like brutalist testimonial block.
Mood
raw + bold
Layout
2 col · centered · dense
Open section →
06
showcase
Strong
A stark black editorial grid showcasing agency news and culture alongside a wide pill button and minimalist footer navigation.
Mood
editorial + raw
Layout
1 col · stacked · balanced
Open section →
07
footer
Strong
Massive edge-to-edge typography dominates a minimalist black footer grounded by fine-print metadata.
Mood
bold + raw
Layout
2 col · stacked · dense
Open section →