Letude
letude.groupThe reference for international boutique studios — bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.
Design tokens
- 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
Related references
Lanserring
flagshipTrades
a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.
Lazy Eight
strongCreative Studio
a gallery-minimal brand-studio portfolio where a near-white canvas, one large black-and-white image and a tiny "Explore ↓" are the entire first screen, image carries everything, type whispers, and a single classic link-blue is the only colour.
Leoleo Studio
nicheCreative Studio
French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.
Lisovskiy
nicheDesign Portfolio
Sergey Lisovskiy's personal designer site — floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.