Thingy And Thingy
www.thingyandthingy.comThe 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.
Design tokens
- 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.
Related references
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Alejandro Mejias
nicheDesign Portfolio
A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.
Analogue
strongCreative Studio
a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.