Fiddle Digital

an award-agency site that runs on contrast, a near-black ink and soft mauve, a grotesque paired with its own mono, type that swings from 11px labels to viewport-filling 130px+ display, a custom loading cursor and horizontal marquees, with a glassy 3D aurora render as the one moment of spectacle.

Creative Studio Design Engineering Agency strong

Design tokens

ink

white

mauve

mauve-light

mauve-muted

display: KHTeka
body: KHTeka
mono: KHTekaMono

Do / Don't

Reference it for

A grotesque + its matching mono as the whole type system, structure and a technical voice from one superfamily.
An enormous fluid type scale (11px to 130px+, with giant marquee letters) used with control.
A near-black-plus-mauve palette that feels engineered and premium without going full dark-neon.
Custom cursor states (including a loading cursor) and horizontal marquees as motion signatures.
A distinctive custom easing (cubic-bezier(0.22,0.31,0,1)) and clip-path reveals on Nuxt.

Do not copy

The glassy aurora 3D render is a bespoke brand moment; borrow the idea of one spectacle element, not the asset.
KHTeka / KHTekaMono are licensed; map to a grotesque + mono superfamily.
A custom loading cursor is a signature and an accessibility cost; only add one with a pointer/touch and reduced-motion fallback.

Signature moves

grotesque-plus-matching-mono superfamily system

a grotesque and its matching mono (KHTeka / KHTekaMono) form the whole type system, giving structure plus a technical voice from one superfamily on a near-black #101214 plus mauve palette.

custom cursor states and horizontal marquees with signature ease

custom cursor states (including a loading cursor) and horizontal marquees are the motion signature, driven by a distinctive cubic-bezier(0.22,0.31,0,1) ease with clip-path reveals.

Related references

Abhishek Jha

niche

Design 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

strong

Creative 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

niche

Design 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

strong

Creative 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.