Screenshot of Stokt

Stokt

wearestokt.com

The reference for Quebec creative studios with Swedish-umlaut wordmark — cream paper + chili-orange accent + 150px hero + 40-section density + Framer Motion + Lenis stack.

Creative Studio Playful Brand Studio niche

Design tokens

parchment
parchmentWarm
black
nearBlack
browserBlue
lightGrey
midGrey
warmGrey
chiliOrange
translucentGrey
display
PP Neue Montreal Regular
body
PP Neue Montreal Regular
mono
PP Supply Mono Regular
fallback
Inter

Do / Don't

Reference it for

  • Cream parchment background rgb(245, 240, 233) — warm off-white
  • Pure black text (963 hits) on cream
  • Browser-default blue rgb(0, 0, 238) links as a primary visual element (654 hits — extreme commitment)
  • Multi-step grey hierarchy (240/153/135) for nuanced muted text
  • Chili-orange rgba(255, 77, 28) accent in transparent overlays
  • Stökt umlaut-ö brand naming — Scandinavian-style playful naming
  • 💩 emoji in hero — chaotic creative voice signal
  • 150px hero display — among largest in library

Do not copy

  • The Stökt name + umlaut-ö wordmark
  • The 💩 emoji in hero (Stökt-signature playfulness)
  • The "MOVING BRANDS FORWARD" copy
  • The Saint-Sauveur, Quebec / Canada location credential
  • The Forbes / PMU / specific client logos
  • The "WE'RE IN ESTATE" status text (likely Stökt-internal joke)
  • The Framer page builder dependency
  • The Bunny CDN dependency (use a CDN of choice)

Signature moves

cream-paper playful editorial canvas

a cream parchment background rgb(245,240,233) carries pure black text with browser-default blue rgb(0,0,238) links used as a primary visual element (extreme commitment) and a 150px hero display

distinctive nav taxonomy chrome

a 5-item all-caps nav (WORK / SERVICES / ABOUT US / MOTION INDEX / STORE) surfaces distinctive items (MOTION INDEX separating motion case studies, STORE for templates/merch) plus a language switcher and status text

partial-corner radius detailing

a 10px workhorse radius and 100px pill are accented by partial-corner radii (8px 0 0 6px, 10px 10px 0 0) for asymmetric card detailing

Related references

Screenshot of Analogue

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.
Screenshot of Bindery

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.
Screenshot of Brand Appart

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.
Screenshot of Dverso

Dverso

strong

Creative Studio

a Milan "immersive" studio that builds its homepage like a technical drawing, a warm cream canvas with a blueprint grid, mono-everything UI, a giant outlined "dverso" wordmark, and the team rendered as stylised 3D avatars standing inside the letters, with a pixel display font and scramble text for character.