dannpetty-com

Unapologetic, high-octane creative bravado. Massive viewport-width uppercase type, a tilted neon caution-tape ticker, and a relentless four-column visual grid showcase sheer prolific speed.

bold

Visit site

Colour

Background#111111

Text#ffffff

Accent#cefb50

Surface#1d1d1d

Muted#777777

Typefaces

Display: Inter Tight
Body: Inter
Mono: —
Source: google
Scale: 14 · 16 · 24 · 28 · 457

Layout

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

Capture

Category: portfolio
Sections: 1
Captured: 2026-08-30
Rhythm: dark

Type rules

display type spans the entire screen width with extreme negative tracking
project captions stay under two compact lines in neutral grey

Colour rules

dark monochrome background lets project thumbnails provide the chromatic variety
neon lime accent restricted solely to the diagonal ticker banner

Voice rules

parentheticals used to inject self-aware humor
project cards labeled strictly with project title and role list

Holds it together

fill the entire above-the-fold viewport with an enormous brand name layered behind a tilted neon marquee
present projects in a dense multi-column masonry-style grid with muted secondary role metadata
keep the background deeply dark to maximize contrast against client thumbnails

Contrast

text on background18.9:1 AAA

muted text on background4.2:1 AA Large

text on surface16.9:1 AAA

accent on background15.8:1 AAA

background on accent15.8:1 AAA

Type, measured

Body: 16px / 1.2
Measure: 264 characters
Display: 457px / 1
Tracking: -0.06em display
Scale ratio: 2.31

Voice

Tone: confident, irreverent, direct
Sentences: short
Person: first
Vocabulary: plain
Calls to action: touch, email

Built with

Builder: framer
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 6.1 screens

Sections in page order

1 marked strong · 1

00
showcase
Strong
A high-energy, unapologetically maximalist portfolio that overwhelms with sheer volume of work and massive typography.
Mood
bold + playful
Layout
4 col · grid · dense
Open section →