Iconography

Earl is deliberately icon-light. A small set of marks covers brand surfaces and internal tooling. Anything else gets drawn inline in the same monoline style, never imported from an icon library.

Icons

Brand marks (CTA arrow, guardrail arrows, LinkedIn, AI Labs ellipse) are for external surfaces. App icons drive internal tooling only and never appear on marketing pages.

CTA arrow
Inside every pill button
Up arrow
"We work with" guardrail
Down arrow
"We don't work with" guardrail
LinkedIn
Footer + author bylines
AI Labs ellipse
AI Labs surfaces only
Layout-grid
Overview, dashboard
Palette
Colours, theming
Type
Typography, copy
Message-square
Voice, messaging
Pen-tool
Logos, marks
Shapes
Iconography
Camera
Imagery, media
Blocks
Components, kit
Mail
Email, signatures
Pipette
Colour tool
Copy
Copy to clipboard
Download
Asset downloads
External-link
Links off-site
Chevron-down
Accordions, expanders

Style rules

If a glyph isn't in the system, draw it inline in the same style. Never reach for Material Icons, Lucide, Heroicons, or Font Awesome on Earl-branded surfaces.

Do

  • Stroke-only, monoline at 1.4 weight
  • 24×24 viewBox where possible
  • Round line caps and joins
  • Inherit colour via currentColor
  • Match the diagonal trajectory of the CTA arrow

Don't

  • Import an icon library on the marketing site
  • Mix filled and stroked icons in one set
  • Use detailed multi-colour glyphs
  • Add drop shadows or gradients
  • Invent partner-style icons (cog, wrench, robot)