Graphite Studio
Two-mode greyscale for design studios: paper and graphite canvases with one electric-blue accent reserved for interactive states and primary CTAs. Colour is a tool, not decoration.
Version 1.1.0Meet Graphite Studio
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Graphite Studio is a two-mode greyscale system for design agencies and creative studios. Paper-light and near-black canvases share a single electric-blue accent that appears only on interactive states and primary CTAs. The discipline is the point: colour is a working tool, not ornament.
- deliberate
- monochrome
- structural
- exacting
The palette
Color with intention
Light palette
#fafafa#171717#0057d9#e6e6e6#eeeeeeDark palette
#111111#f5f5f5#0066ff#222222#1e1e1eThe typography
Find your voice in type
Headings
Make a little room for possibility.
"Helvetica Neue", Helvetica, Arial, sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, "Courier New", monospaceMade for
Who it speaks to
Design agencies, creative studios, portfolio sites, and developer tools built for designers — teams whose work is the content and whose credibility rests on looking deliberate rather than decorated.
The voice
How it sounds
Direct, exact, and unhurried. Short declarative sentences. State the work and the outcome; skip the adjectives. Confidence reads as restraint, not volume — never breathless, never salesy, never padded with 'cutting-edge' filler.
Art direction
The thinking behind the look
Light mode is paper-white (#fafafa) with graphite ink (#171717); dark mode is rich near-black (#111111) with near-white text (#f5f5f5). Both use a strict greyscale ramp and electric blue as the only chroma: #0057d9/#005fcc by day and #0066ff/#2680ff after dark. Tight Helvetica Neue headings, a system-sans body, near-square radii, and a wide 5rem section rhythm make structure and whitespace do the work.