Graphic Language Map · WCN Brand Portal

WCNGRAPHIC LANGUAGE MAP

Graphic language · G

How WCN marks.

Six topics — the graphic vocabulary beyond the logo. Everything grows from one root: the W³ mark. Seals, patterns, keylines and illustration, all cut from the same geometry.

THE W³ MARK

COLOURWAYS

PATTERN

PROOF SEAL

KEYLINES

1/6

³ ESTABLISHED

The ³ defined

6 topics framed

Patterns + seals — next

03G01 The W³ mark DONE

The ³ that turns W into W³ is more than part of the logo — it is a graphic device in its own right. Used with discipline, the small raised three becomes a signature WCN can sign with.

ORIGINW³ exponent ROLEAccent device COLOURVermilion USESparing · deliberate

G01.1 · ORIGIN

Web, cubed.

W³ reads as "Web³" — the third era of the web. The exponent carries the whole idea, which is why it can stand alone as a device when the full mark would be too much.

MEANSWeb · third era

FORMRaised numeral

CARRIESThe core idea

ALONECan stand solo

G01.2 · AS A DEVICE

Punctuation for the brand.

The ³ can punctuate a layout — ending a headline, marking a section, signing a footer. It behaves like a brand full-stop: rare, intentional, and always vermilion.

USEEnd · mark · sign

LIKEA full-stop

COLOURVermilion

FREQRare

G01.3 · SCALE & POSITION

Raised, and small.

The device keeps its exponent proportion — raised to the cap-line, roughly two-thirds height. Blown up huge it becomes a graphic field; shrunk it punctuates. It never sits on the baseline.

HEIGHT≈ ⅔ cap

POSITIONRaised · cap-line

BIGGraphic field

BASELINENever on it

G01.4 · RESTRAINT

Once per view.

The device is powerful because it is rare. One per layout, at most. Tiled, repeated or animated without reason, it stops being a signature and becomes wallpaper.

LIMITOne per view

POWERFrom rarity

TILENever random

ANIMATEWith reason only

DON'T

Don't tile the ³ — One per view keeps it a signature.

Don't recolour it — The exponent is vermilion.

Don't baseline it — It stays raised, always.

Don't pair with the full mark — Device or logo, not both.

“The ³ is the brand’s signature — you sign once, not on every line.”

03G02 Colourways DONE

The W³ mark has a fixed, small set of colour treatments — and only these. Each is built for a specific ground, so the mark always reads with the same confidence on paper, ink or accent.

PRIMARYInk + vermilion ³ REVERSEDPaper on ink MONOSingle ink ON ACCENTPaper on vermilion

G02.1 · PRIMARY

Ink W, vermilion ³.

The default mark: the W in ink, the exponent in vermilion, on paper. This is the first choice everywhere it can be used — the fullest expression of the brand.

WInk #16130F

³Vermilion #CF4520

GROUNDPaper

USEDefault

G02.2 · REVERSED

For dark grounds.

On ink or photography, the mark reverses — paper-white W, vermilion exponent. The accent stays vermilion; the W never becomes a colour it isn't in the primary.

WPaper white

³Vermilion

GROUNDInk · photo

ACCENTStays vermilion

G02.3 · MONOCHROME

When colour can't go.

For single-colour print, engraving or faxable documents, the whole mark is one ink — the exponent shown by form alone. Used only where colour is genuinely impossible.

INKSingle colour

³Form only

USE1-colour print

ELSEPrefer primary

G02.4 · ON ACCENT

Paper on vermilion.

On a vermilion field the mark is paper-white throughout — no vermilion-on-vermilion exponent. This is the loudest treatment; reserve it for covers and moments.

MARKPaper white

³Also white

GROUNDVermilion

USECovers · moments

DON'T

Don't invent colourways — Only these five are approved.

Don't colour the W — Only the ³ carries vermilion.

Don't vermilion-on-vermilion — On accent, the mark is all paper.

Don't low-contrast it — The mark must clear its ground.

“Five colourways cover every ground — anything else weakens the mark.”

03G03 Patterns & texture DONE

WCN's patterns aren't decoration bought off a shelf — they grow from the mark's own geometry. Line, hatch and grid textures add warmth to large surfaces without ever shouting.

SOURCEMark geometry TYPESLine · hatch · dot grid CONTRASTLow USELarge surfaces

G03.1 · DERIVATION

From the same angles.

Patterns reuse the mark's stroke weight and angles — the vertical of the W, the diagonal of the exponent. Because they share a source, pattern and mark always look related.

ANGLESMark's own

WEIGHTStroke-matched

RELATEDShares the source

NEWDerive, don't invent

G03.2 · THE SET

Line, hatch, dot grid.

Three textures: fine horizontal lines, a 45° hatch, and a dot grid. Each comes in a paper and an ink version. Three is plenty — a wallpaper catalogue dilutes the brand.

LINEFine horizontal

HATCH45° diagonal

DOTSquare grid

VERSIONSPaper · ink

G03.3 · CONTRAST

Felt, not seen.

Patterns sit at low contrast — a texture you sense before you notice. They live behind content as surface, never competing with type or imagery placed on top.

CONTRASTLow

ROLESurface

BEHINDContent

COMPETENever with type

G03.4 · APPLICATION

Big planes, empty moments.

Use texture to give a large empty plane warmth — a cover, a section break, a card back. Keep it off dense layouts and small components, where it only adds noise.

USECovers · breaks

SCALELarge planes

AVOIDDense layouts

SMALLNo texture

DON'T

Don't buy off-shelf patterns — Derive from the mark.

Don't high-contrast it — Texture is felt, not seen.

Don't pattern behind text — Keep type on clean ground.

Don't collect a catalogue — Three textures is enough.

“A good pattern is one you feel before you notice it.”

03G04 Proof marks DONE

A network runs on verification, so WCN has a visual language for it — circular proof seals that say "checked, real, on the record." They borrow the authority of a wax seal for the on-chain age.

FORMCircular seal CORECheck / mark RINGDashed vermilion USEVerified · audited

G04.1 · THE SEAL

A circle means proof.

The proof seal is a circular lockup — a dashed vermilion ring around a check or the mark. Circles read as stamps, and stamps read as authority; that association is the whole point.

SHAPECircle

RINGDashed vermilion

CORECheck / W³

READSStamp · authority

G04.2 · VARIANTS

Verified, audited, sealed.

A small family covers the cases — verified (check), audited (shield), official (mark). Same ring, different core, so a row of seals reads as one system of trust.

VERIFIEDCheck core

AUDITEDShield core

OFFICIALW³ core

RINGShared

G04.3 · RULES

Earned, never decorative.

A seal may only appear where something is actually verified — never as ornament. Misusing a proof mark is a trust problem, not a style one, so the rule is strict.

ONLYWhen truly verified

NEVERDecoration

MISUSETrust issue

AUDITTrack usage

G04.4 · PAIRING

Seal plus label.

A seal always sits with a text label and, where relevant, a verifiable link — "Verified · view proof." The graphic carries the feeling; the words and link carry the fact.

WITHText label

LINKTo proof

FEELINGFrom the seal

FACTFrom the words

DON'T

Don't seal the unverified — A seal is a claim of truth.

Don't decorate with seals — They mean something specific.

Don't vary the ring — Shared ring = one trust system.

Don't seal without a link — Pair the claim with proof.

“A proof mark is a promise — only stamp what you can prove.”

03G05 Keylines & brackets DONE

Keylines and corner brackets are WCN's framing devices — hairline rules and L-shaped corners that mark, separate and contain without adding weight. They are the brand's quiet stationery furniture.

RULE0.5–1 px BRACKETL-corner COLOURInk / vermilion ROLEFrame · divide

G05.1 · KEYLINES

A hairline divides.

Keylines are thin ink rules that separate sections, underline labels and edge tables. One weight, used consistently; a thicker rule is a different signal, never a louder version.

WEIGHT0.5–1 px

COLOURInk

USEDivide · underline

ONESingle weight

G05.2 · BRACKETS

Corners that mark.

L-shaped corner brackets frame a moment — a quote, a featured value, a crop — without a full box. They suggest a frame while leaving the content open and breathing.

FORML-corners

SUGGESTA frame

OPENNo full box

USEQuote · feature

G05.3 · VERMILION ACCENT

One line, in colour.

A single keyline or bracket may go vermilion to mark the one thing that matters on a page. The accent rule is the same as everywhere: colour means importance, used once.

ACCENTOne vermilion line

MARKSThe key thing

RESTInk

ONCEPer view

G05.4 · RESTRAINT

Frame, don't cage.

Brackets and rules organise; they don't decorate. If a layout needs many lines to hold together, the spacing is wrong — fix the grid before adding furniture.

ROLEOrganise

NOTDecorate

MANY LINESSpacing is wrong

FIXGrid first

DON'T

Don't vary rule weights — One hairline weight.

Don't full-box everything — Brackets suggest, don't cage.

Don't spend vermilion — One accent line per view.

Don't fix spacing with lines — Fix the grid instead.

“A keyline should frame the content, never cage it.”

03G06 Illustration DONE

WCN's subjects — networks, proofs, value moving — are invisible. Illustration makes them legible: geometric, restrained, built from the same lines as the mark, and never a cartoon.

STYLEGeometric line SUBJECTNetworks · flow PALETTEInk · vermilion NOTCartoon · mascot

G06.1 · STYLE

Lines and nodes.

Illustrations are built from circles, lines and the same stroke as the icons — points connected into networks, flows and structures. The vocabulary is geometric, never illustrative-realistic.

BUILT FROMCircle · line

STROKEIcon weight

MOTIFNodes · flows

REALISMNone

G06.2 · SUBJECT

The invisible, shown.

The job is to picture what can't be photographed — a transaction settling, a network forming, trust propagating. Concept over decoration; every illustration explains something.

SHOWSThe invisible

EXAMPLESSettle · form · verify

GOALExplain

NOTDecorate

G06.3 · COLOUR

Ink, with one spark.

Illustrations are mostly ink or paper line-work with vermilion marking the active element — the node that matters, the path that completes. Colour leads the eye through the idea.

BASEInk / paper line

ACCENTVermilion

LEADSThe eye

MARKSActive element

G06.4 · COMPOSITION

Calm, not busy.

Compositions stay open — a few elements, lots of space, one clear reading. A WCN illustration looks like a diagram drawn by a designer, not a scene crowded with detail.

ELEMENTSFew

SPACEGenerous

READINGOne

FEELDesigned diagram

DON'T

Don't draw mascots — Geometric, never cartoon.

Don't illustrate for decoration — Each one explains something.

Don't over-colour — Ink line, one vermilion spark.

Don't crowd the frame — Few elements, much space.

“We draw the invisible — geometric, calm, and always explaining.”

One root, many marks

Everything cut from the W³ mark.

The W³ is set; the rest — seals, patterns, keylines, illustration — all derive from the same geometry, so the graphic language can never wander off-brand. Next: a dedicated page per topic, the way B1–B6 break down colour.

WCN Graphic Language Map · 6 topics · F1–F6

03 · VISUAL · G · v1.0