The Veil brand.
Guidelines for representing Veil consistently. Download logos, reference the color palette, and follow the usage rules below.
Logo
The Veil logomark is available in three variants. Always use SVG when possible. PNG files are 512x512px.
The wordmark uses Nunito 700. Pair the logo with the wordmark at the sizes shown, keeping the gap proportional.
Usage rules
Keep the logo recognizable and consistent.
- Use the logo at a minimum size of 32px
- Maintain clear space equal to half the logo width
- Use the white variant on dark backgrounds
- Link back to veiltrack.app when possible
- Stretch, rotate, or distort the logo
- Change the logo colors
- Add effects like drop shadows or outlines
- Place the logo on busy or low-contrast backgrounds
Brand colors
The core palette that defines Veil's visual identity.
Category colors
Used for symptom categories and logging UI. In discreet mode, all collapse to neutral gray #9CA3AF.
Cycle phase colors
Used in the dashboard, calendar, cycle ring, and insights charts.
Theme tokens
Core surface and text tokens for the light and dark themes.
Typography
Veil uses Nunito across the app and website.