Screenshot of Motto

Motto

wearemotto.com

The reference for a monochrome typographic monolith: a 154px sans headline in one middleweight (500) on parchment #f2f2f2, hierarchy from size and whitespace alone, zero colour and zero shadow.

Agency Home flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Disp
body
sans
mono

Do / Don't

Reference it for

  • Oversized 154px display headline set to fill the viewport, wrapping across three lines (IDEAS WORTH / RALLYING / AROUND) as the entire hero content
  • Single-weight discipline: weight 500 everywhere for both headline and body, so hierarchy comes from size, tracking and whitespace, never bold or light
  • Two-tone monochrome only: near-black ink #000000 text on parchment #f2f2f2 canvas, no chromatic accent anywhere
  • Zero elevation: cards and panels sit as flat #ffffff fills on the grey ground, no shadows, no borders except a hairline #d8d8d8 rule
  • Editorial top bar: wordmark left, single-row nav (Work Services Method About Learn Clients), one underlined CTA (Work with us) hard right
  • Small body paragraph (14-18px) parked low-left as a caption under the giant headline, not centred, deliberately dwarfed
  • Full-radius 9999px pills and tags against 0px square-cornered cards and inputs, a sharp/round contrast used as the only shape motif
  • Underline-only link affordance ((Discover our programs), (Work with us)) instead of buttons or fills

Do not copy

  • The Motto wordmark and its superscript ® registered mark
  • The asterisk-burst / snowflake glyph used as the brand motif before the headline
  • The literal line IDEAS WORTH RALLYING AROUND and the Motto agency copy
  • The specific custom display and sans faces (licensed proprietary faces, substitute your own)
  • The exact nav label set (Work / Services / Method / About / Learn / Clients) as a template