rokumaruichi
A dark, cinematic single-screen portfolio for the \"601\" independent film studio in Tokyo, built on a near-black canvas with oversized pale-cream display numerals set in a wide geometric face (Diagramm). The identity is severe and editorial — a full-bleed black-and-white film still framed by giant type, minimal chrome, and monochrome cream text acting as the sole chromatic voice. Everything reads as a projection room: dark, quiet, high-contrast.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
label
12px · 700 · 1.7
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 5px | |
| xs | 6px | |
| sm | 12px | |
| md | 21px | |
| lg | 24px | |
| xl | 30px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| md | 12px |
FAQ
- What colors does rokumaruichi use?
- rokumaruichi's core palette includes #ece4b4, #4f4d3c. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the rokumaruichi DESIGN.md.
- What font does rokumaruichi use?
- rokumaruichi's primary typeface is diagramm. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the rokumaruichi design system?
- A dark, cinematic single-screen portfolio for the "601" independent film studio in Tokyo, built on a near-black canvas with oversized pale-cream display numerals set in a wide geometric face (Diagram…