One mark, one green, one voice.
The full Protocore brand system — logo, clearspace, color, type, voice, and naming — on one page. Read it here or take the PDF.
Four ways to set the mark.
The faceted core mark is the only drawn asset. Lockups set the name beside or under it in Roboto Medium — never redraw either.
Alone at small sizes — favicons, app icons, and anywhere the name would not stay legible.
Mark beside the name. The default — headers, documents, and signatures.
Mark above the name. For square placements — social cards, tiles, and stamps.
The mark centered on a solid 1024 px tile. For profile pictures on any platform.
Room around, a floor below.
Two hard numbers keep the mark legible everywhere it appears.
Clearspace — one mark-width on all four sides.
- Clearspace
- The mark's own width, on all four sides. Nothing enters it — no type, no rules, no page edges.
- Minimum height · digital
- 16 px. Below that, legibility goes — use the mark alone, never a lockup.
- Minimum height · print
- 6 mm.
Five colors, strict jobs.
Near-monochrome by default. The green is an accent, not a theme — it never fills large areas.
Text on light. Dark surfaces.
Light page backgrounds.
Cards on paper. Text on ink.
The green — dark surfaces only.
Accent text on white — links and labels.
Roboto does the talking.
Two families cover everything. No third typeface, no italics for emphasis.
UI and headings — 400 for body, 500 for headings and lockups, 700 sparingly.
Labels, eyebrows, and numbers — uppercase, tracked wide.
Section labels start with three slashes and a space — set in Roboto Mono, uppercase, tracked wide. The slashes are typed characters, not drawn art.
Say less, mean it.
Five rules cover every line of Protocore copy, from headlines to button labels.
Products carry the family name.
One pattern, applied without exception.
- First mention
- Full name — “Protocore Pay”, “Protocore Gateway”. After that, the product name alone.
- PDS
- Short for Protocore Design System. Expand it on first mention; PDS after.
- The company
- Protocore — one word, capital P. Never ProtoCore, PROTOCORE, or Proto Core.
Do this, not that.
The rules from the press kit, extended to the full system.
- [ 01 ]Keep clear space equal to the mark's width on all sides.
- [ 02 ]Use the black variant on light backgrounds and the white variant on dark ones.
- [ 03 ]Reserve the accent variant for ink (#0a0a0a) surfaces.
- [ 04 ]Scale from the SVG files — the mark stays sharp at any size.
- [ 05 ]Use the stacked lockup when the placement is square.
- [ 06 ]Drop to the mark alone below 16 px of height.
- [ 01 ]Don't recolor the mark beyond the provided variants.
- [ 02 ]Don't rotate, outline, or add shadows or other effects.
- [ 03 ]Don't redraw the mark or change its proportions.
- [ 04 ]Don't set the Protocore name in another typeface — lockups use Roboto Medium.
- [ 05 ]Don't place the accent green on white — use #0e9e6e for accent text there.
- [ 06 ]Don't put the mark on photography or gradients — solid ink or paper only.
Take the system with you.
The guide as a PDF, the assets in one zip. Every individual file is on the press page.