Screenshot of Thingy And Thingy

Thingy And Thingy

www.thingyandthingy.com

The reference for "anti-advertising" agency sites that weaponise chaos — zodiac-named nav, draggable physics-pill bubbles, colour-blocked viewport sections, and four foundry display faces stacked into a deliberately overstuffed, irreverent identity.

Creative Studio Anti Advertising Agency niche

Design tokens

page
text
limeAccent
red
darkRed
purple
pink
darkPink
yellow
orange
green
darkGreen
display
VCHenriettaCondensed (Bold 700, Medium 500) - workhorse condensed serif
displaySerif
VCHenrietta (Light 300, Medium 500, SemiBold 600, Bold 700) - regular-width serif
displayStencil
MDNichrome (Black 900) - stencil display for pill labels
body
Clifton 205 Tf (Regular + Italic) - humanist sans
accent
Kosmos (Bold 700) - geometric display, sparingly
mono
fallback
Arial, Helvetica Neue, Helvetica, sans-serif

Do / Don't

Reference it for

  • Beige rgb(232, 229, 222) page + near-black rgb(5, 5, 26) text — warm/calm canvas under chaotic content
  • 13-colour --swatch--* token system (red, lime, purple, pink, yellow, green, brown, blue, orange, dark-red, dark-green, dark-pink, beige) — each used as full-bleed section background
  • Lime rgb(197, 255, 141) as the dominant accent (551 hits) — typically reversed on dark navy
  • Rotating viewport-colour scroll sections — each section repaints the whole viewport, not just a card
  • Four-display-face stack (VCHenrietta serif + VCHenriettaCondensed + MDNichrome stencil + Clifton 205TF) — deliberately overspecified
  • MDNichrome Black for in-pill labels (FUN / WORK / MAKE / QUICK / NAV / EMAIL / COPYRIGHT) — stencil-letter chrome
  • VCHenrietta serif for italic curved-text annotations ("Question Everything", "Hope that helps.")
  • Massive display sizes — 117px / 126px / 135px / 144px headlines, with one 864px outlier (the giant footer logotype)

Do not copy

  • The "Thingy & Thingy®" wordmark and stencil treatment
  • The zodiac nav names (Aries / Taurus / Gemini / Cancer / Leo / Virgo / Libra / Scorpius / Sagittarius / Capricornus / Aquarius / Pisces) — invent the brand's own external taxonomy
  • The VCHenrietta / VCHenriettaCondensed / MDNichrome / Clifton 205 Tf / Kosmos custom fonts (foundry-licensed, brand-coded)
  • The "WE ARE ANTI [X]" copy formula — strongly brand-coded
  • "A MULTINATIONAL NETWORK OF IDIOTS" hero copy
  • The Johnny Cash / archival celebrity photography in the hero collage
  • The 13-swatch full-bleed-section rotation if the brand doesn't have 13+ pieces of distinct content
  • The Matter.js bubble physics unless the brand has interactive personality to justify a 60kb library load

Signature moves

rotating viewport-colour scroll sections

a 13-swatch token system repaints the whole viewport per section (each colour used as a full-bleed background) with lime rgb(197,255,141) as the dominant reversed-on-navy accent, over a beige rgb(232,229,222) base.

physics-pill draggable bubbles

Matter.js draggable pills bounce and settle with overshoot easings (cubic-bezier(0,0.545,0.292,1.504)), giving the nav and chrome interactive personality.

four-face oversized display stack

four display faces stack deliberately (condensed serif workhorse, regular serif, stencil for pill labels, geometric accent) at massive 117-144px headline sizes with an 864px footer logotype outlier.