Inkstone · Brand reference

The Inkstone brand.

The colours, type, logo and layout that make an Inkstone surface look like Inkstone — Direction C in the Extrafemi Labs family. Use it as the single source of truth when building the landing, the welcome flow, or the tool's own chrome. Each customer workspace re-themes on top of this — see Workspaces.

01 Logo

The mark: a drop meeting the pool.

An inkstone is the slate slab where you grind an ink stick with water before you write. The mark is that moment — one drop, just released, above the ground ink in the well. The wordmark is inkstone set in the display face, lowercase, with a raised dot for the superscript.

inkstone˙ on paper

inkstone˙ on black

inkstone˙ on ink-blue

inkstone˙ on lime

Do

Keep the pool and drop in ink-blue; swap to lime only on ink-blue grounds.
Keep clear space of at least the well's width on every side.
Wordmark always lowercase, always with the raised dot.
Mark alone below 24 px; the lockup above it.

Don't

Don't round the tile — Inkstone corners are square.
Don't add gradients, shadows, or a third colour to the mark.
Don't set the wordmark in a serif or title-case it.
Don't place it on a customer's brand colour — that surface is theirs.

02 Colours

Four colours, used as blocks.

Paper and black do the work. Ink-blue is the one voice colour — links, the drop, key words in a headline. Lime is the pop — one CTA block, one highlighted row, never body text. Click a swatch to copy the hex.

The pixel-diffusion motif — ink spreading into paper. Ink-blue squares fading in, one lime. Decorative only; never behind text.

03 Type

System display. One web face.

The headline face is the system Helvetica/Arial stack — no web font, so it loads instantly and matches the Labs house look. DM Sans carries everything else — body copy, and every label, eyebrow, citation and button, set uppercase and letter-spaced rather than in a separate face. No monospace anywhere on the site.

Display — Helvetica Neue → Arial700 · uppercase · −0.035em

Big, tight, uppercase. The last phrase of a headline takes Ink Blue (or Lime on dark). System stack: no load, no fallback flash.

On brand.
On record.

Body — DM Sans400 / 500 / 600 · Google Fonts

Running text, sub-heads inside cards, list items. ~65 characters a line, 1.6 leading.

Inkstone drafts in one voice learned from your best work — and won't state a fact it can't attribute.

Label — DM Sans, letter-spaced400 / 500 · 0.06–0.16em tracking · uppercase

Eyebrows, section numbers, spec rows, citations, buttons. Uppercase, letter-spaced. This is the texture that says "checkable".

01 / 06 · THE GATE → c1 — WORLD BANK · PA.NUS.FCRF · TIER 1

04 Layout

Full-bleed blocks. Hairline borders. Square corners.

Sections are solid colour blocks stacked edge to edge — paper, black, ink-blue, ink-blue-deep, lime, near-black. Inside a block, structure is drawn with 1 px borders in Black (or white on dark). Nothing is rounded. CTAs are big underlined text links, not buttons; nav and utility actions use the small mono outline button.

Paper · hero, the gate

Black · every desk, footer

Ink Blue · before / after

Lime · the one CTA

05 Workspaces

Each workspace re-themes on top.

After sign-in, a provisioned workspace loads its own colours, type and logo — pulled from that team's live site. Inkstone's own chrome (this system) is what a person without a provisioned domain sees, and it's the co-brand mark in every workspace footer. The rows below are illustrative.

Workspace	Ground	Accent	Display type
Inkstone (default)	Paper #F4F4F0	Ink Blue #2333E6	Helvetica Neue, uppercase
Example · finance	Off white	Deep green	Grotesque 800
Example · newsroom	Pale tint	Mint	Slab / grotesque
Example · studio	Near-black	Yellow	Serif, uppercase