Keep clear space
Leave at least one bar height around the mark. On the construction grid, this is 16 units.
EndLayer identityOne identity.
One identity.
Every detail considered.
The visual language for EndLayer: a recognisable mark, restrained blue, precise typography and motion that explains the product.
The mark
Three bars. One connected system.
Preserve the construction, spacing and opacity. Use the lowercase wordmark in the lockup; write EndLayer in prose.
128 × 128 construction grid
endlayer
Keep it legible
Use the mark at 20 px or larger. Keep the complete lockup at least 92 px wide.
Keep it intact
Do not rotate, stretch, reorder, outline or add a glow. Preserve the three opacity levels: 32%, 62%, 100%.
ColourBlue for identity.
Blue for identity.
Colour for a reason.
Use the theme-aware palette. Green, amber and red communicate outcomes with a label or symbol; they are not decorative accents.
Background
Panel
Primary text
Muted text
Brand blue
Divider
Allow
Alert
Block
Typography
Geist. Clear at every scale.
Regular-weight headings, readable body text and monospace labels. Keep long explanations in the sans-serif face.
Geist / 400The Guardian Agent Platform.
Aa Bb Cc Dd Ee Ff Gg · 0123456789
SURFACE / MONITOR / GOVERNHeadlines40–76 px · regular · natural wrapping
Section titles34–50 px · regular · proportional tracking
Body copy15–16 px · 1.6–1.75 line height
Technical labelsMonospace · concise · never a paragraph
Composition & voice
Make the product easier to understand.
These guidelines describe the current website redesign. Reuse the system across product, editorial and company pages.
Space with intent
Use a 1200 px content width, shared gutters and consistent section spacing. Keep headings clear of moving graphics.
Explain through motion
Animate a real relationship: discovery to inventory, usage to context or policy to action. Provide pause and reduced-motion support.
Write precisely
Name what the product does and where it applies. Distinguish unknown from a pass, token cost from a bill and evidence from certification.
Brand assets
Ready to use.
Local SVG assets and the theme palette for this design. The wordmark asset uses outlined glyphs so it does not rely on an installed font.
