Framework
Voice & Tone
Logo
Typography
A b c Breaking literacy boundaries
Iconography
Color
Imagery
Motion
Scroll to explore

A brand is the feeling people have about a company, product, or service

Visual identity is one of the toolkits we use to shape that feeling

Brand vs Identity

We don't just build
literacy tools.

We build the confidence to teach every child to read.

This guide is a living document. It grows as we grow. Every page is a step closer to making our vision real — that nobody should be limited because they can't read.

What you see here is always work in progress — sometimes concept, sometimes production. The brand evolves and so does this guide. Use it, challenge it, make it better.

Now go make things.

Download Brand Press Kit
Brand Toolkit Brand Resources Contact

Concept & design by Adam

Lexonic Creative · Always evolving

Iconography
Search learners, sessions, resources...
Mark complete
View progress
Download report
Send to teacher
Reading Progress
+27m

Icons visually support our brand across surfaces

Iconography

Good icons are simple, intuitive, and scalable.

Our iconography blends these and plays with size, colour, and style.

The icon scale

All from Lucide. Toggle to preview on different surfaces.

Spot Icons 48 × 48px

Feature cards, heroes, empty states. 1.5px stroke.

Pictograms 32 × 32px

Cards, navigation, dashboards. 2px stroke.

UI Icons 16–24px
ChevronDown
ChevronRight
ArrowRight
ArrowLeft
Menu
X
Check
Search
Star
Play
Pause
ExternalLink
Mail
Phone
BookOpen
Users
BarChart
Download
Upload
Settings
Heart
Home
Calendar
Globe
Award
Zap
Target
Clock
Filter
Clipboard
FileText
TrendingUp

Buttons, forms, tags, inline actions. 2px stroke.

Guidelines

Do

  • Always use Lucide icons from the official set
  • Maintain 2px stroke weight (1.5px at 48px)
  • Pair icons with text labels for accessibility
  • Use currentColor so icons inherit text colour
  • Keep to standard sizes (16, 24, 32, 48px)

Don't

  • Create custom icons — use Lucide or request additions
  • Change stroke weight or line cap style
  • Fill icons with solid colour (stroke-based only)
  • Use icons smaller than 16px
  • Mix Lucide with other icon libraries

© 2026 Lexonic. All rights reserved.

Accessibility