Letude

letude.group

The reference for international boutique studios — bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.

Creative Studio Boutique Brand Studio strong

Design tokens

red
royalBlue
nearBlack
black
coolGrey
browserBlue
white
display
Indivisible
body
Indivisible
mono

Do / Don't

Reference it for

  • Vivid red rgb(238, 56, 43) background as the brand canvas
  • Royal blue rgb(1, 32, 148) text overlaid on photography — high-contrast complement
  • Near-black rgb(21, 21, 21) body type
  • Cool grey rgb(149, 151, 167) for muted text and ornament
  • Browser-default blue rgb(0, 0, 238) link preserved — accessibility commitment
  • Indivisible (Pangram Pangram open-source neutral sans) — single-font system
  • 9-step type scale with decimal precision (13.008-100.8px)
  • 5 middle-weight system (500, 550, 600, 650, 700) — variable axis interpolation

Do not copy

  • The L'Étude wordmark
  • The red rgb(238, 56, 43) exact hue with royal blue overlay — Letude-signature
  • The "international boutique studio" positioning copy
  • The "modular / creative / studio" three-column caps
  • The hoodie campaign photography
  • The split-half logomark draw recipe (specific to L'Étude's "E" mark)
  • The Indivisible font for non-Pangram-Pangram brands (substitutes available)
  • The SvelteKit dependency if the brand prefers another framework

Signature moves

split-half logomark draw-in and hover

the logomark animates via paired logo-top-draw and logo-bottom-draw SVG draw-in keyframes plus logo-top-hover and logo-bottom-hover, on easeInOutQuint cubic-bezier(0.76,0,0.24,1) for SVG transform and fill

wordmark overlaid on case study photography

the royal-blue rgb(1,32,148) wordmark sits directly on case study images over a vivid red rgb(238,56,43) brand canvas, with Splitting.js character animation on the hero (no-spaces concatenation) and three-column caps positioning labels