SearchSubmit
MUUDS

Curated catalog of analyzed web design.

landonorris-com

High-octane motorsport aesthetic blending dark tactical olive with electric chartreuse accents. Dense, impactful editorial typography and subtle race-track contour graphics balance raw sports energy with refined luxury lifestyle storytelling.

clinicalboldquieteditorial
Visit site

Colour

Background#282c20
Text#f4f4ed
Accent#d2ff00
Surface#111112
Muted#b4b8a5

Typefaces

Display
Brier
Body
Mona Sans Variable
Mono
—
Source
self_hosted
Scale
10 · 12 · 14 · 17 · 25 · 38

Layout

Grid
—
Container
—
Spacing base
8px
Radius
4px · 12px · 24px

Capture

Category
portfolio
Sections
12
Captured
2026-08-30
Rhythm
mixed → dark x11

Type rules

  • display typography set in dense uppercase with negative tracking (-0.023em) and tight line height (0.83)
  • body copy set in compact clean sans-serif with short column measures
  • labels and metadata tags always rendered in uppercase with subtle letter-spacing

Colour rules

  • dark olive-drab background (#282c20) dominates the page rhythm
  • high-voltage chartreuse (#d2ff00) reserved exclusively for active CTA buttons, borders, and standout headline words
  • secondary surfaces drop into deep charcoal black (#111112) for focused catalog sections

Voice rules

  • headlines stacked tightly in all caps with high-impact kinetic verbs
  • action buttons use punchy imperative verbs

Holds it together

  • electric chartreuse (#d2ff00) is reserved for key action triggers, hairline borders, and selective headline emphasis
  • metadata badges, race statistics, and year tags always appear in compact uppercase sans-serif
  • sections maintain deep tactical olive canvas with dark card overlays rather than white surfaces

Contrast

text on background12.9:1 AAA
muted text on background7.0:1 AAA
text on surface17.1:1 AAA
accent on background12.3:1 AAA
background on accent12.3:1 AAA

Type, measured

Body
17px / 1.25
Measure
—
Display
110px / 0.83
Tracking
-0.023em display
Scale ratio
1.59

Voice

Tone
confident, intense, declarative
Sentences
short
Person
first
Vocabulary
plain
Calls to action
visit, view, follow

Built with

Builder
webflow
Framework
—
Motion
lenis
WebGL
yes
Nav
—
Length
15.1 screens

Sections in page order

12

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

  1. 00

    hero

    A stark, engineered athlete site header featuring subtle topographic watermarks, precision data badges, and a vibrant chartreuse accent.

    Mood
    clinical + bold
    Layout
    1 col · asymmetric · airy
    Open section →
    A stark, engineered athlete site header featuring subtle topographic watermarks, precision data badges, and a vibrant chartreuse accent.
  2. 01

    hero

    An intense, typographic statement hero pairing dense dark-olive military tones with electric lime serif interventions.

    Mood
    bold + editorial
    Layout
    1 col · centered · balanced
    Open section →
    An intense, typographic statement hero pairing dense dark-olive military tones with electric lime serif interventions.
  3. 02

    gallery

    An expansive dark olive canvas staging sparse, documentary-style photography with tiny uppercase metadata labels.

    Mood
    quiet + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    An expansive dark olive canvas staging sparse, documentary-style photography with tiny uppercase metadata labels.
  4. 03

    showcase

    Minimal, high-contrast athlete showcase balancing extreme edge-cropped portraiture against neon green brush typography on deep dark olive.

    Mood
    bold + raw
    Layout
    1 col · split · airy
    Open section →
    Minimal, high-contrast athlete showcase balancing extreme edge-cropped portraiture against neon green brush typography on deep dark olive.
  5. 04

    showcase

    A dark, moody editorial showcase pairing dramatic sports portraiture with contrasting uppercase typography and clean narrative body copy.

    Mood
    editorial + bold
    Layout
    16 col · stacked · balanced
    Open section →
    A dark, moody editorial showcase pairing dramatic sports portraiture with contrasting uppercase typography and clean narrative body copy.
  6. 05

    gallery

    A sleek, dark staggered archive showcasing custom racing helmet designs within subtly outlined gallery cards.

    Mood
    editorial + bold
    Layout
    1 col · grid · dense
    Open section →
    A sleek, dark staggered archive showcasing custom racing helmet designs within subtly outlined gallery cards.
  7. 06

    cta

    Dark racing showcase centering an elegant serif call-to-action and vivid neon button over framed helmet cards.

    Mood
    bold + editorial
    Layout
    1 col · centered · balanced
    Open section →
    Dark racing showcase centering an elegant serif call-to-action and vivid neon button over framed helmet cards.
  8. 07

    showcase

    Moody streetwear showcase pairing golden graphic assets and editorial lifestyle imagery with a high-visibility neon call-to-action button.

    Mood
    bold + editorial
    Layout
    1 col · asymmetric · airy
    Open section →
    Moody streetwear showcase pairing golden graphic assets and editorial lifestyle imagery with a high-visibility neon call-to-action button.
  9. 08

    logo bar

    Raw and energetic statement logo bar dominated by a vibrant neon-yellow graffiti tag splashed across a dark olive field of subdued client marks.

    Mood
    bold + raw
    Layout
    1 col · asymmetric · balanced
    Open section →
    Raw and energetic statement logo bar dominated by a vibrant neon-yellow graffiti tag splashed across a dark olive field of subdued client marks.
  10. 09

    other

    Dark transitional spacer section punctuated by the cropped tail of oversized chartreuse script.

    Mood
    quiet + bold
    Layout
    2 col · full bleed · airy
    Open section →
    Dark transitional spacer section punctuated by the cropped tail of oversized chartreuse script.
  11. 10

    showcase

    Dark olive social showcase fanning out rounded portrait photography cards in a curved deck.

    Mood
    editorial + bold
    Layout
    1 col · centered · balanced
    Open section →
    Dark olive social showcase fanning out rounded portrait photography cards in a curved deck.
  12. 11

    footer

    High-octane athlete footer framed in dark olive and neon yellow, anchored by a central helmet graphic flanked by symmetric navigation links.

    Mood
    bold + raw
    Layout
    1 col · centered · balanced
    Open section →
    High-octane athlete footer framed in dark olive and neon yellow, anchored by a central helmet graphic flanked by symmetric navigation links.

More like this

by shared mood