Company
On this page, you’ll find the essentials for writing about xili: our brand guidelines, logos, and product screenshots, all ready to help you share our story.
xili takes its name from chilli: a little heat, a little surprise, and a bit of spice in everyday moments. We chose lowercase to keep it simple, friendly, and approachable. Always lowercase. Even at the beginning of a sentence. xili is a product by xilistudios OÜ, also written in lowercase.
Red, white, and black. A warm red with softened neutrals.
Highlights & key actions
Light backgrounds & inverse text
Text & dark backgrounds
Soft neutrals give photos room to stand out. In light mode, we use a light canvas and dark text; in dark mode, those roles reverse. Slightly lighter surfaces separate cards and panels from the canvas. Red keeps the same role in both.
Primary buttons stay xili red (#F25B50) with pure white text (#FFFFFF) in both themes. On hover, the red deepens to #D8463E and a soft red outline appears. Secondary buttons stay neutral.
Random posts. Real friends.
Random posts. Real friends.
Roboto for the interface. Regular for reading, bold for emphasis.
Regular · 400
Random posts. Real friends.
Bold · 700
Random posts. Real friends.
Soft corners. Simple shapes.
Cards & panels
8px radius
Buttons & controls
Pill radius
