Brand
Brand assets
Logo files, the brand colors and a few rules for using them. Writing about Xodia or linking to it? Everything you need is here.
Logo
The logo and the X mark
The logo is the four-piece X and the word odia. Use the light versions on dark backgrounds and the dark version on light ones. The X mark alone is for small, square spaces like app icons.
Usage
Give it room, keep it whole
A few rules so the logo looks the same wherever it appears.
Do
- Leave clear space around the logo at least as tall as one piece of the X
- Show the full logo at least 6rem (96 pixels) wide
- Pick the file made for your background
- Write the name as Xodia, with a capital X
Don't
- Recolor, stretch, rotate or outline the logo
- Add shadows, glows or other effects
- Move, space out or rebuild the pieces of the X
- Use the logo to suggest Xodia endorses your product
Colors
The brand colors
The X is drawn in violets with a magenta fold. The site and the app sit on near-black, with a white light theme on this site.
- Violet#7C5CFFThe main brand color, links and highlights
- Indigo#6847F5Buttons and fills behind white text
- Lilac#9079DALight ends of the X's gradient
- Magenta#F131A5The fold in the X
- Plum#712575The dark end of the fold
- Ink#0A0A0CDark backgrounds, and text on light ones
- Cloud#EDEDF0Text on dark backgrounds
- White#FFFFFFLight backgrounds
For press
Xodia in one paragraph
Xodia is the visual editor for real website code. Click to edit a Next.js, Astro or Vite site, or ask the AI you already use, such as Claude, Cursor or Codex. Every change lands as clean Tailwind or CSS code in your own git repo, and your host deploys it as it does today. Xodia is made by Zuzo Studio LLC.
Need screenshots or have a question? Contact us, or read why we built Xodia.