Oddcommon
www.oddcommon.coma digital-experience studio that builds its homepage like one of its products, a fixed, gridded "operating system" screen on an off-white grain canvas, where an iridescent 3D ODC logo, a big Roobert headline, a single yellow block and live Mux video tiles sit inside hairline-ruled frames and move with spring physics.
Design tokens
- display
- Roobert
- body
- Roobert
- mono
- none
- label
- GT Flexa
Do / Don't
Reference it for
- Treating a homepage as a fixed, gridded interface rather than a long scroll, hairline-ruled panels as the layout system.
- Spring-physics motion via linear() easing, weighted, physical movement that reads as "crafted software".
- A constant film-grain overlay as a cheap, distinctive texture over flat colour.
- Extreme colour discipline: near-black + one link-blue + one yellow, nothing else.
- Live video tiles (Mux) as the work showcase, embedded in the grid.
Do not copy
- The iridescent glass ODC monogram is the brand; borrow the idea of a 3D/material logo, not the mark.
- Roobert and GT Flexa are licensed; map to a similar grotesque + variable display.
- A fixed single-screen interface only works with this much craft and a small amount of content; for a content-heavy client it fights the brief.
Signature moves
fixed gridded operating-system homepage
the homepage is a fixed, gridded interface (an operating-system screen) on an off-white grain canvas, with hairline-ruled panels holding a headline, a single yellow block and live Mux video tiles rather than a long scroll.
spring-physics linear() motion + grain overlay
motion uses linear() spring easings (a slow ~0.6s and a fast ~0.7s curve) for weighted, physical movement that reads as crafted software, over a constant film-grain overlay as cheap distinctive texture.
extreme colour discipline
near-black plus one link-blue (#0000ee) plus one yellow and nothing else, with live video tiles supplying motion.
Related references
Alche
strongCreative Studio
The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Chipsa
nicheCreative Studio
Russian creative-agency portfolio with a 24-column grid, light/dark theme tokens, PPNeueMontreal + PPRightGrotesk pairing, and a leva-driven WebGL/canvas experimentation layer.
Immersive Garden
flagshipCreative Studio
The reference for cinematic creative-studio portfolio — PSTimes serif + Helvetica Neue on monochrome black/light-grey, 2088px wide container, JS-driven preloader hides content until reveal.
La Rue Michel
nicheCreative Studio
a French advertising agency from La Réunion and Mayotte that runs an almost pure black-and-white system, sets everything in one weight-contrasted grotesque (aktiv-grotesk), and builds its whole personality from running marquee strips of service words and slow opacity fade-ins over edge-to-edge portfolio imagery.