Screenshot of Orage Studio

Orage Studio

orage.studio

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.

Film Production Directors Post Production strong

Design tokens

black
white
darkGrey
crtGreen
blackOverlay
blackVeil
whiteOverlay
display
PPSupplyMono
body
PPSupplyMono
mono
PPSupplyMono

Do / Don't

Reference it for

  • Pure black + pure white + CRT-terminal green rgb(0, 170, 0) palette
  • rgb(51, 51, 51) dark grey for secondary text
  • PPSupplyMono single-font system (Pangram Pangram, open-source)
  • system-ui fallback for graceful no-font degradation
  • 4-step tiny type scale (8, 10, 12, 20px) — smallest in library
  • 3 weights (400, 500, 700)
  • Cursor-blink animation (blink-cursor keyframe) — terminal caret aesthetic
  • Text-blink animation (blink-text keyframe) — for status indicators

Do not copy

  • The Orage Studio brand name and "orage" (French for storm) wordmark
  • The PPSupplyMono if a different mono fits better — JetBrains Mono / IBM Plex Mono / Geist Mono are alternatives
  • The CRT green rgb(0, 170, 0) exact hue unless terminal aesthetic is core
  • The 8-12px tiny scale unless the brand has comparable density of metadata content
  • The Paris timezone / French language context
  • The single-mono-font commitment if the brand needs typographic warmth (mono is cold)
  • The 14-section density unless the brand has real editorial content

Signature moves

terminal/CLI mono single-font system

a PPSupplyMono single-font system on pure black with white and CRT-terminal green (rgb(0,170,0)) plus grey (rgb(51,51,51)) secondary text, across a tiny four-step scale (8/10/12/20px) at three weights, completely flat (0 radius).

terminal-caret motion vocabulary

a terminal motion vocabulary of cursor-blink (blink-cursor), text-blink (blink-text), sliding-text reveals and pulse (light-blink / light-blink-scale) keyframes, on a workhorse easeOutQuart (cubic-bezier(0.23,1,0.32,1)) with a 0.75/0.5/0.3/0.2/0.4s duration palette.

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 Dipsy

Dipsy

niche

Creative Studio

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.