Brand kit
The matriXO brand. Ready to download.
Logos, colours, type and the interface components we build with. Everything you need to represent matriXO well, whether you’re a teammate, a partner college or press.
Logo
Wordmark and XO mark.
Vector files scale to any size. PNGs are high resolution with transparent backgrounds.
Colour
Mostly ink and paper. A little blue.
The blue comes from the glow in the O. Use it for what people can tap, and sparingly everywhere else.
Ink
Wordmark and primary text
Paper
Light backgrounds
Mist
Light surfaces
Night
Dark backgrounds
XO Blue
The glow inside the O
Signal
Links and buttons, light UI
Signal Dark
Links on dark UI
Graphite
Secondary text
Typography
Inter, everywhere.
One typeface for interface, headings and body. Tight tracking on large sizes, generous line height on small ones.
Display
64 / 1.02 · Semibold · −4%
Learn by building.
Title
40 / 1.06 · Semibold · −3%
Explore programs.
Headline
21 / 1.3 · Semibold · −2%
DevAgentic 2.0 — 24-hour AI agents hackathon
Body
17 / 1.6 · Regular
Hands-on workshops, hackathons and talks, run with colleges across India.
Caption
13 / 1.5 · Medium
11 Jul 2026 · 3:00 PM · Hyderabad
UI kit
The components behind every page.
These are the live components from the site, so what you see here is exactly what ships. Developers: import them from components/ui.
Buttons
Form fields
Enter a 10-digit number.
Optional
Segmented control
Badges
Avatars
Loading
Notices
Registration opens Monday
Empty state
No events match
Try a different word, or clear the search.
Usage
A few simple rules.
Do
- Keep clear space around the logo equal to the height of the X.
- Use the black logo on light backgrounds and the white logo on dark ones.
- Use at least 88 px wide on screen and 22 mm in print.
- Place the white logo over the darker part of a photo.
Don’t
- Recolour, stretch, rotate or outline the logo.
- Change the blue glow in the O or add effects to it.
- Rebuild the wordmark in another font.
- Put the logo on busy backgrounds where it loses contrast.
Need something not covered here, or permission to use the logo commercially? Email hello@matrixo.in.