Studio Oker. A black-walled portfolio room where white type floats and one red whisper cuts through the silence.
- Studio
- Dark theme
- 7 colors
- 2 typefaces
Studio Oker presents a darkened gallery aesthetic where pure black canvases frame white typography and project showcases with monastic restraint. The system speaks through negative space — generous 120–264px section breaks, hairline borders, and tight letter-spacing that pulls type into whisper-thin compositions. A single vivid scarlet acts as punctuation rather than decoration, surfacing only in project-specific contexts and a single 'Think Big' hero moment. Photography dominates the surface, displayed in asymmetric tile grids that let the work carry visual weight without decorative chrome. The rhythm is slow, considered, and confident — a portfolio that trusts silence over spectacle and treats every margin as a deliberate composition choice.

Studio Oker design system
Brand2
Supporting palette color for small decorative accents when the core palette needs contrast.
Brand color exploration panel — a pink-to-black swatch that walks from #f5a5a5 → #e85a5a → #d42020 → #7a0a0a → #2a0606 → #000000 as a literal brand-color system reveal
Neutrals5
Page canvas, section backgrounds, project card fills — the void everything else floats on
Subtle surface elevation over the pure black canvas, card backgrounds in tight stacks
Footer borders, section dividers, rare structural lines that recede into the dark
Secondary text, metadata, captions, image borders, inactive labels
Primary text, headings, hairline borders, nav text — the only light in the room
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone White on Scarlet Signal
4.85 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











