Colour
Purposeful, not decorative.
Sector Ink
#17221FSignal Green
#19A974Warm Paper
#F5F2EAEvent Amber
#F2A93BJobs Violet
#7257D7EducationSector design system
One system.
Every service.
A practical visual language for the people, organisations and ideas that keep education moving.
EducationSectorUNITING THE EDUCATION ECOSYSTEM
Connected organisations
12,486↗ 8.2% this monthSuppliers3,241
Events184
Jobs626
IndependentConnectedUseful
Built to be
01ClearMake the complex feel simple.
02HumanProfessional, never impersonal.
03ConnectedOne family, many services.
04TrustedQuiet confidence in every detail.
01 — Foundations
A recognisable point of view.
The system balances institutional trust with the energy of a connected, modern sector. Deliberate contrast and generous space make information easy to navigate.
Typography
Aa
ManropeHeadlines & interface
The digital infrastructure
for education.
Display / 72Title / 40Body / 16Label / 12
Identity
The Sector Mark is assembled from seven connected modules: many contributors, one coherent whole.
02 — Components
Small pieces. Consistent experiences.
Native HTML at the core, enhanced where useful. Every component is accessible, portable and named with the es- prefix.
Buttons
es-button<button class="es-button es-button--primary"> View supplier </button>
Cards & badges
es-cardN
● Verified supplierMIS
Northstar Education
Cloud-first management tools helping trusts turn data into better decisions.
Forms
es-fieldFeedback
es-alert✓Changes savedYour organisation profile is now up to date.
iProfile incompleteAdd a service area to improve discoverability.
03 — Patterns
Designed around real sector tasks.
Recurring workflows combine the foundations and components into dependable, repeatable experiences.
Find expertise
Search and filter across suppliers, consultants and professional services.
Directory pattern →Join an event
Discover relevant events and move from interest to registration without friction.
Event pattern →Make a connection
Connect organisations, colleagues and communities around a shared purpose.
Network pattern →04 — Layouts
Ready for the work.
A responsive shell for directories, dashboards and service pages—consistent enough to feel familiar, flexible enough to grow.
Thursday, 23 July
Good afternoon, Neil.
NH
Profile views2,418↗ 12%
New connections84↗ 7%
Saved services16View all →
Recent activityView all
N
Northstar Education updated their supplier profile12 minutes ago
E
Trust Leaders Forum added a new event2 hours ago
J
Education People posted 6 new rolesYesterday
Your profile72%
Make your profile work harder
Add your service areas and client stories to help the right people find you.
Start building
Bring every service into one family.
Use the portable CSS and JavaScript assets directly, or layer the theme over Web Awesome components where richer behaviour is useful.
HTML
<link rel="stylesheet" href="/assets/educationsector.css"><script src="/assets/educationsector.js" defer></script>