SearchSubmit
MUUDS

Curated catalog of analyzed web design.

equatorcompany-com

Warm, editorial, and purpose-driven. Heavy earthy brown typography anchors soft pastels of peach and pistachio lime.

warmquieteditorial
Visit site

Colour

Background#fcf8f0
Text#3e2002
Accent#ff9d69
Surface#c8fdab
Muted#9d8c79

Typefaces

Display
National
Body
National
Mono
—
Source
self_hosted
Scale
14 · 16 · 18 · 21 · 24 · 36

Layout

Grid
—
Container
—
Spacing base
10px
Radius
0px

Capture

Category
other
Sections
6
Captured
2026-08-30
Rhythm
peach → cream → lime x4

Type rules

  • display type set in large sentence case with negative tracking
  • body copy set around 71 characters per measure

Colour rules

  • deep earth brown (#3e2002) is used for all text across all colored backgrounds
  • sections transition across large solid color fields of peach, warm cream, and light lime

Voice rules

  • frame capabilities around endurance and systemic change
  • use deep earthy tones for all copy

Holds it together

  • use full-bleed colored viewports to establish distinct narrative chapters
  • pair bold multi-line headlines with abstract white geometric icons
  • keep typography consistent in a single grotesque family across all hierarchy levels

Contrast

text on background14.0:1 AAA
muted text on background3.1:1 AA Large
text on surface12.8:1 AAA
accent on background1.9:1 fail
background on accent1.9:1 fail

Type, measured

Body
21px / 1.2
Measure
71 characters
Display
96px / 0.98
Tracking
-0.03em display
Scale ratio
1.46

Voice

Tone
thoughtful, authoritative, grounded
Sentences
medium
Person
first
Vocabulary
specialized
Calls to action
explore, meet

Built with

Builder
—
Framework
—
Motion
—
WebGL
—
Nav
top_bar, 7 items
Length
16.1 screens

Sections in page order

6

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

  1. 00

    hero

    An inviting peach-toned introductory screen centered around a candid portrait framed with delicate metadata tags.

    Mood
    warm + quiet
    Layout
    1 col · centered · airy
    Open section →
    An inviting peach-toned introductory screen centered around a candid portrait framed with delicate metadata tags.
  2. 01

    statement

    A warm, narrative-driven typographic statement pairing bold color-blocked panels with an editorial manifesto.

    Mood
    warm + editorial
    Layout
    1 col · stacked · airy
    Open section →
    A warm, narrative-driven typographic statement pairing bold color-blocked panels with an editorial manifesto.
  3. 02

    statement

    Fresh, grounded statement section in bright lime green and earthy brown typography with an abstract white icon.

    Mood
    warm + bold
    Layout
    2 col · asymmetric · airy
    Open section →
    Fresh, grounded statement section in bright lime green and earthy brown typography with an abstract white icon.
  4. 03

    statement

    Crisp pistachio-green editorial slide balancing a bold brown statement with structured twin body columns and a lone geometric circle.

    Mood
    quiet + editorial
    Layout
    2 col · split · airy
    Open section →
    Crisp pistachio-green editorial slide balancing a bold brown statement with structured twin body columns and a lone geometric circle.
  5. 04

    statement

    Airy editorial statement pairing bold dark brown typography with a soft chartreuse background and a subtle geometric graphic.

    Mood
    editorial + bold
    Layout
    1 col · asymmetric · airy
    Open section →
    Airy editorial statement pairing bold dark brown typography with a soft chartreuse background and a subtle geometric graphic.
  6. 05

    statement

    Airy editorial statements rendered in warm earthy typography across an energetic pale lime backdrop.

    Mood
    editorial + warm
    Layout
    2 col · stacked · airy
    Open section →
    Airy editorial statements rendered in warm earthy typography across an energetic pale lime backdrop.

More like this

by shared mood