Odexy brand assets.
Download the wordmark, glyph, and color palette below. Please follow the do's and don'ts — these are the difference between "press kit" and "fanart."
Logo system.
Other lockups
Horizontal and vertical logo lockups, and the app icon, in the same SVG set. Right-click to save, or link them directly.
Color palette.
Each swatch is painted from the live design token named beneath it. Primary is used sparingly — 2–4 elements per page, max.
Brand
Odexy Primary
--color-primary
Primary CTAs, links, focus rings, brand mark.
Odexy Accent
--color-accent
Headings, body text on light, secondary surfaces.
Page ground
--color-bg
Page background, PWA splash.
Surface
--color-surface
Cards, raised panels, table headers.
Semantic
Success
--success
Warning
--warning
Info
--info
Module accents
Use only on the module page hero + the corresponding home suite tile. Don't sprinkle them.
Projects
--accent-projects
Chat
--accent-chat
CRM
--accent-crm
HR
--accent-hr
Accounting
--accent-accounting
Inventory
--accent-inventory
Support
--accent-support
Recruitment
--accent-recruitment
Payroll
--accent-payroll
Expenses
--accent-expenses
Sales
--accent-sales
Calendar
--accent-calendar
Forms
--accent-forms
--accent-email
Typography.
We use Geist, open-source from Vercel. License at vercel.com/font/geist . Self-host the WOFF2 — don't hot-link.
- Sans / UI / body: Geist Variable (300–700)
- Display: Geist Variable Display (500–700)
- Mono: Geist Mono Variable (400, 600)
- Fallback: Inter Variable, system-ui, sans-serif
Do.
- Use the wordmark with at least 0.6× cap height of clear space.
- Reproduce in pure black, pure white, or the brand primary only.
- Pair with the locked tagline "One operating system for your entire company" when needed.
Don't.
- Don't recolor outside the brand palette.
- Don't drop-shadow the wordmark.
- Don't stretch, rotate, or skew.
- Don't reproduce smaller than 80px wide.
- Don't outline the wordmark.
- Don't add a tagline unless it's the locked "One operating system for your entire company" sub-mark.