Dipsy

eng.dipsy.team

a family-run design studio that turns its own name into the hero, a screen-filling black ";DIPSY" set in a heavy condensed grotesque on warm grey, a pink gradient bleeding down from the top edge, pill-outlined nav and pill form fields, and a playful run of cookie-dough photography toward the end.

Creative Studio Web Branding Studio niche

Design tokens

black

grey-warm

white

coral

red-coral

yellow

pink

green

grey-mid

display: TeXGyreHerosCn
body: TeXGyreHerosCn (Times fallback)
mono: monospace (rare)

Do / Don't

Reference it for

Name-as-hero: filling the first screen with the studio's own wordmark in heavy condensed type, scale doing all the work.
Pill-everything: pill-outlined nav badges (border-radius 50px) and fully pilled form fields as a friendly, low-furniture UI language.
A restrained, warm monochrome base (#000 on #EBEBEB) lifted by one coral accent (#FF8562) plus rare saturated block fills.
Condensed grotesque display with tight negative tracking (-1.3 to -3px) for big, punchy headings on a budget (TeXGyreHerosCn is free).
A reference for getting a genuinely characterful site out of Tilda without a custom front-end stack.

Do not copy

The ";DIPSY" wordmark and the cookie-dough imagery are Dipsy's own personality; borrow the move, not the assets.
The sbs-... keyframe soup is Tilda-generated and not portable; rebuild the reveals as clean CSS, do not try to mirror them.
jQuery and the Tilda runtime are baggage on a modern Astro stack; take the look, leave the loader.

Signature moves

name-as-hero condensed wordmark

the studio's own name fills the first screen in a heavy condensed grotesque (TeXGyreHerosCn) up to 150px with tight negative tracking (-1.3 to -3px), scale doing all the work.

pill-everything low-furniture UI

pill-outlined nav badges and fully pilled form fields (border-radius 50px) give a friendly, low-furniture interface language on a #000-on-#EBEBEB base.

Related references

Orage Studio

strong

Film Production

The reference for terminal/CLI-inspired creative studios — PPSupplyMono single-font, black + white + terminal-green palette, cursor-blink animations, 14-network-request page weight, 14-section editorial density.

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.

Bindery

niche

Film Production

The reference for boutique NYC production studios — full-bleed video tile mosaic on warm off-white, condensed black serif wordmark, GSAP+Lenis scroll choreography over a soft pastel palette that cycles per section.

Brand Appart

strong

Creative Studio

The reference for Paris startup design agencies — Youth chunky-sans display, cream parchment paper, orange ©-superscript wordplay, live Paris clock, Webflow + Lenis + Splitting.js stack.