Screenshot of Your Creative

Your Creative

yourcreative.com.au

a Melbourne and Sydney creative agency that runs warm off-white pages on an eight-column grid, sets everything in the Greed grotesque from 22px body up to a 250px hero, anchors the work in oversized numbered category headers ("Science & Innovation", tagged 20) and floats a blurred pill nav while a custom cursor and a soft 3D blob carry the personality.

Creative Studio Independent Agency niche

Design tokens

ink
ink-muted
white
paper
paper-translucent
mist
blue
purple
display
Greed
body
Greed
nav
GreedStd
ui
Helvetica Neue
mono
none

Do / Don't

Reference it for

  • One-typeface discipline: a single grotesque (Greed) carrying captions to a 250px hero, where hierarchy comes purely from scale and weight (400 / 700 / 900).
  • Numbered oversized category headers (100px, e.g. "Science & Innovation" tagged 20) used as chapter dividers above each work block.
  • A warm monochrome base (#242222 on #F9F8F6 / white) with a single saturated blue (#3D55E2) and a surprise deep-purple footer (#42066A).
  • A floating, blurred, semi-transparent pill nav (rgba(0,0,0,0.5), 40px radius, backdrop-blur) that detaches from the page.
  • A restrained motion stack: Lenis + Swiper + scoped CSS-module keyframes (custom cursor, bounce, rotate) instead of a heavy library.

Do not copy

  • Greed and GreedStd are licensed retail fonts; map to a similar wide-aperture grotesque rather than lifting them.
  • The custom cursor is a desktop-only flourish; it does nothing on touch and hurts usability if copied without a fallback.
  • The 250px hero wordmark only works because "Your Creative" is short and the grid is generous; do not force a long client name to that size.
  • The deep-purple footer is a brand decision against an otherwise neutral palette; borrow the idea of a single coloured footer, not that exact purple.

Signature moves

one-typeface scale-and-weight hierarchy

a single wide-aperture grotesque carries captions up to a 250px hero, with hierarchy from scale and weight (400/700/900) alone

numbered oversized category headers

100px category headers with a number tag (e.g. "Science & Innovation" tagged 20) act as chapter dividers above each work block

floating blurred pill nav

a semi-transparent pill nav (rgba(0,0,0,0.5), 40px radius, backdrop-blur) detaches and floats over the page