Start a conversation

Brand guidelines

Brought into focus.

The Justice Audit identity is an instrument: a viewfinder that brings the whole justice chain into view, and a single amber node where the pressure lies. This page sets out how to use it well.

Justice Audit stacked logo in full colour on ink
02Clear space & minimum size

Give it room to read.

One unit, X, governs the lockups: half the height of the mark. Keep at least X clear on every side. The wordmark’s capitals stand at 0.55 of the mark, its hairline sits on their optical centre, and the gap between mark and name is ¾X.

Clear space: X on every side, where X is half the height of the markXXXXXX
Clear space = X on all sidesX = ½ mark height

Minimum sizes

Horizontal logo at minimum size
Horizontal 120px screen · 30mm print
Stacked logo at minimum size
Stacked 64px screen · 18mm print
Mark at minimum size
Mark 16px screen · 5mm print

Below these sizes use the mark alone. For favicons and app icons use the prepared icon set, which carries a slightly heavier hairline and larger nodes for small-size legibility.

03Construction

The viewfinder, on the grid.

The mark is drawn on a 32-unit square. Its edges fall on whole units, so at 16px every stroke is exactly one pixel. The bracket weight matches the stems of the wordmark; the pressure point is larger as well as amber, so it still reads in one colour.

Construction of the Justice Audit mark on a 32-unit grid9u arm14u open32u7.5u7.5u2u stroke1u hairlineØ4.8u nodeØ6.2u pressure point
Grid
32 × 32 units
Brackets
2u stroke, 9u arms, 14u open – a frame, not a box
Nodes
Ø4.8u on a 7.5u pitch, centred on the axis
Pressure point
Ø6.2u, Signal #E2672F
Hairline
1u, node centre to node centre
Mark at 128 pixels
128
Mark at 64 pixels
64
Mark at 32 pixels
32
Mark at 16 pixels
16
04Colour

Calm ground. One signal.

Ink and Paper carry the identity; Teal is the heritage colour for links and data. Signal amber is reserved for meaning – the pressure point, the primary action, a key number. Never decoration.

Ink#0A2530Primary dark. Hero and feature grounds, headings on light.
Paper#F5F2EAPrimary light ground. Warm bone, not white.
Signal#E2672FPressure point, primary action, key data only. Use #B84D1A for small amber text.
Ink 2#0F3441Raised surfaces on dark
Teal#13586BHeritage. Links, data
Teal soft#5E8C99Muted data, lines on dark
Paper 2#ECE7DBAlternate sections, cards
Line#D9D2C1Hairlines on paper
Text#14232ABody on paper
Signal soft#F2B48FAmber tints, links on ink
Sage#7E9A7EJustice Mapping nod; data only
Approximate proportion in use – Paper 55 · Ink 30 · Teal 8 · Lines 5 · Signal ≤ 2Amber is rare, so it means something
05Typography

Editorial voice, instrument precision.

Three families, each with one job. All are open-source and self-hosted. In Office documents where they are unavailable, substitute Georgia for Newsreader and Arial for Geist.

Newsreader

Display · headlines, pull quotes, big numbers. Weight 400, italic 380 for emphasis. Optical size high, leading 1.0–1.1, tracking −0.02em.

See the system. Find the pressure points. Target the reform.

Geist

Sans · body and interface. Body 17–18px at 1.6 leading; interface 14–15px, weight 500.

A Justice Audit consolidates institutional data, case data, resources, infrastructure, geography, practitioner knowledge and user experience into one actionable analysis – from what seems to be happening to what the evidence shows is happening.

Geist Mono

Mono · eyebrows, indices, data labels. 11–12px, uppercase, tracking 0.08–0.14em.

01The problem Illustrative example · Clearance rate 0.82 · Pending 41,306 · Median age 3.4 yrs
06Concept

From a blur of data to a system in focus.

Justice systems hold a great deal of disconnected institutional data. The Audit is the instrument that brings the whole chain into focus, so the pressure points light up. Four devices carry that idea through everything we make.

  1. i.

    The Viewfinder

    Four corner brackets – the audit frame. Used in the logo and to frame imagery, figures and focused states.

  2. ii.

    The Chain

    Police → prosecution → courts → prisons → legal aid. A line of nodes for diagrams, timelines and dividers.

  3. iii.

    The Pressure Point

    One node in Signal amber. Amber always marks something: a bottleneck, a key number, the next step.

  4. iv.

    The Field

    Fine dot grids and contour lines – data and geography. Quiet texture, never loud.

07Imagery

Evidence, made visible.

Evidence Plates: etched, two-tone, technical, one amber point. Bone copperplate hatching on a flat Ink ground, with fine technical hairlines and a single Signal pressure point. Registries, architecture, terrain and data – never gavels, scales, flags or identifiable people, and never text in the image.

Etched plate of a fictional country in contour and stipple, its justice institutions linked as a network around one amber hub
The system as terrain
Etched archive aisle of cord-tied case bundles receding in perspective, one bundle marked in amber
Registries & records
Axonometric plate of a custodial compound, stippled crowds spilling over dashed capacity outlines
Capacity & pressure
Overhead etching of hands working around a district survey map with dividers and ruled notebooks
Hands, not faces
Exploded axonometric of six etched data layers pierced by a single dimension line
Layers of evidence
District map plate with river, roads and justice institutions ringed by catchment areas, one underserved area in amber
Place & geography
08Do’s & don’ts

Use the artwork. Don’t redraw it.

Always start from the supplied files. The logo is outlined artwork: it should never be re-typed, recoloured or rebuilt.

  • Colour logo on paper

    Do use full colour on Paper or white.

  • On-dark colour logo on ink

    Do use the on-dark version on Ink.

  • Do reverse to white over calm, dark areas of imagery.

  • Logo with a recoloured pressure point

    Don’t recolour the mark or the pressure point.

  • Logo stretched horizontally

    Don’t stretch, squash or rotate it.

  • JUSTICE AUDIT

    Don’t re-type the wordmark or set it in another font.

  • On-dark logo placed on a light background

    Don’t use the on-dark version on light grounds.

  • Colour logo lost on a mid-tone teal ground

    Don’t place the colour logo on mid-tone or busy grounds.

  • Logo with a drop shadow

    Don’t add shadows, outlines, gradients or effects.

09Downloads

Everything, in one kit.

Outlined SVG masters (no fonts needed), transparent PNGs at 512 and 1,024px wide, and the favicon and app-icon set.

Download the logo kit ZIP · 0.5 MB
LockupColourColour on darkMono inkMono white
Horizontal SVGPNG@2x SVGPNG@2x SVGPNG@2x SVGPNG@2x
Stacked SVGPNG@2x SVGPNG@2x SVGPNG@2x SVGPNG@2x
Mark SVGPNG@2x SVGPNG@2x SVGPNG@2x SVGPNG@2x
Wordmark SVGPNG@2x SVGPNG@2x SVGPNG@2x SVGPNG@2x
App icons Favicon SVGApple touch 180Icon 192Icon 512Manifest

Typeface: Newsreader by Production Type, SIL Open Font License. Questions about the brand: info@justiceaudit.org.