Rockpile
Industrial austerity in both modes: pale aggregate or near-black stone with one cold steel-blue accent. Chromeless surfaces, functional type, and zero warmth for infrastructure, security, and developer tooling.
Version 1.1.0Meet Rockpile
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
Rockpile is a maximum-austerity two-mode system for infrastructure software: quarry-paper by day, near-black stone after dark, and a single cold steel-blue accent used only for action and state. Surfaces are chromeless and hairline-ruled, type is functional sans, and nothing is decorated. It reads like a well-built tool: hard, cold, and precise.
- austere
- industrial
- cold
- precise
- utilitarian
The palette
Color with intention
Light palette
#f5f6f7#202327#47718f#dde3e6#e6e8eaDark palette
#111214#e4e6e8#5a84a2#232629#1c1e21The typography
Find your voice in type
Headings
Make a little room for possibility.
"Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospaceMade for
Who it speaks to
Infrastructure, developer-tools, and security teams: platform and observability vendors, database and networking companies, security and compliance platforms, and internal engineering portals. Owners whose sites are mostly docs, changelogs, status/console screens, and technical marketing — and who want the product to feel serious and uncompromising rather than friendly.
The voice
How it sounds
Terse, technical, and exact. State the mechanism, the constraint, and the number; skip the adjective. Prefer imperative headings ("Deploy in one command", "Rotate keys on a schedule") and short declaratives over marketing warmth. Never breathless, never cute — confidence comes from precision, not enthusiasm.
Art direction
The thinking behind the look
Light mode uses pale aggregate (#f5f6f7), stone ink (#202327), and steel blue (#47718f); dark mode uses near-black stone (#111214), pale quartz (#e4e6e8), and brighter steel (#5a84a2/#7aafc4). No gradients, glow, or warm hue. Helvetica Neue/system sans, tight 0.25rem radii, hard shadows, and chromeless hairline rules keep both modes industrial and precise.