Say what it does.
Plain language, readable interfaces, and a direct next step. Identity infrastructure for developers.
pr0d / BRAND GUIDELINES / V0.1
One mark.
Every layer.
The assets and principles behind pr0d.
A clear identity for everything we build.
BUILT IN LAYERS.001 — pr0d
01 / THE VISUAL SYSTEM
Identity first.
Two offset forms. Useful negative space. One identity across a growing platform.
Keep the details.
Clean geometry and explicit product claims. The slashed zero stays in the artwork; the digit 0 stays in the name.
Build on one brand.
Identity, Wallet, and what comes next share the same symbol and wordmark. Product names add a descriptor.
02 / THE VISUAL SYSTEM
Use the signature.
Original vector artwork and transparent PNGs. Choose Ink on light backgrounds or white on Ink.
SVGs contain outlined shapes, with no font dependency. White PNG artwork is transparent and needs a dark background to be visible. Preserve every asset’s aspect ratio.
03 / THE VISUAL SYSTEM
Small. Still pr0d.
The white symbol on Ink, prepared for browser tabs, home screens, and app tiles. The dark background is part of each PNG; these icons are not transparent.
32 × 32
Browser favicon
Download PNG
64 × 64
Compact app icon
Download PNG
180 × 180
Apple touch icon
Download PNG
512 × 512
High-resolution app tile
Download PNG04 / THE VISUAL SYSTEM
Protected by pr0d.
One signature for anything built on pr0d: sign-in screens, wallet screens, and embedded flows. The words sit beside the pr0d logo, set at the height of the text.
Part of the experience.
Place the attribution beneath a sign-in form, session interface, or wallet screen backed by pr0d. Keep the words and logo together, and use the complete asset at 110 px wide or larger.
This is the only place the logo may appear below its usual minimum size. Use “Protected by pr0d” wherever a signature is needed; it replaces the earlier “Powered by” line.
SIGN-IN SURFACE / EXAMPLE
Welcome back.
Both versions have transparent backgrounds. The dark preview card shows where the white asset belongs; it is not part of the downloaded image. This attribution is separate from the primary logo.
05 / THE VISUAL SYSTEM
Give the mark room.
Clear space is part of the signature. Measure from the visible edges of the artwork.
x = ¼ of symbol heightMinimum digital width. Prefer 160 px or more.
Minimum digital height. Prefer 32 px or more.
On all sides, measured using the displayed symbol.
Keep it recognisable.
- Keep the symbol and wordmark the same color.
- Keep the original proportions and lockup gap.
- Use the white artwork on dark surfaces.
- Keep the logo flat, without shadows, glow, or effects.
- Keep the original orientation; never stretch or rotate.
- Use the supplied wordmark instead of typing a replacement.
For print, start with a 30 mm lockup width or 6 mm symbol height, then proof at the final size. Increase the size on textured stock.
06 / THE VISUAL SYSTEM
Monochrome, on purpose.
A neutral foundation keeps the content in focus. Status colors communicate function and always accompany text or icons.
Ink
#11161CRGB 17, 22, 28Logo, headings, primary actions
Paper
#FFFFFFRGB 255, 255, 255Main canvas, reversed artwork
Mist
#F5F6F7RGB 245, 246, 247Secondary surfaces
Slate
#5B6570RGB 91, 101, 112Secondary text
Line
#DDE2E7RGB 221, 226, 231Dividers and borders
Colors, type stacks, spacing, and corner radii. Ready to use in a stylesheet.
Download CSS tokens07 / THE VISUAL SYSTEM
Clear type. Distinctive mark.
Inter supports the interface and the message. The pr0d wordmark remains supplied artwork.
Aa
Add sign-in.
Keep building.
Authentication, sessions, and recovery for your application.
app_id
session_id
user_id
session_id
user_id
Use the native UI monospace stack for identifiers, code, labels, and technical examples.
Inter is the recommended companion typeface, not the logo font. Font files are not included in the downloads.
An 8 px rhythm.
Use generous margins and purposeful negative space.
Soft, precise corners.
Use 8–12 px interface radii and 16–24 px feature-card radii, with thin borders.
Repeat the layers.
Use a consistent offset and simple geometry. Let the symbol lead.
08 / THE VISUAL SYSTEM
Precise. Useful. Direct.
Write for developers. Explain the capability, the action, and what comes next.
THE NAMEpr0d
Lowercase p-r-zero-d. Use the numeral 0 in running text, URLs, and code. Keep the diagonal slash in the logo artwork.
THE PRODUCTS
pr0d Identity
Initial focus: authentication, sessions, factors, and recovery.
pr0d Wallet PLANNED
Wallet access, policy, and signing infrastructure. Payments remain a future direction.
“Add sign-in to your app.”
Describe a concrete action.
“Session revoked.”
Make the result explicit.
“pr0d Wallet — planned.”
Keep the roadmap clear.
Product and security claims need evidence. Avoid unsupported superlatives or claims about capabilities that have not shipped.
09 / THE STARTING POINT
Built from this idea.
The original selected concept established the layered-card symbol and slashed-zero wordmark. The supplied working vectors use a flat silhouette for consistent light and dark applications.
Download original conceptWorking system v0.1. Palette, typography, spacing, and voice are proposed guidelines. Final artwork should receive an optical review before production sign-off.
EVERYTHING IN ONE PLACE
Make it feel like pr0d.
Logo artwork. App icons. Protected by pr0d.
Design tokens and the original concept.