Brand Kit
Swytchcode brand assets
Official logos, colour palette, and usage guidelines. Download individual files or grab everything at once.
Logos
Logo mark
Use the appropriate version depending on background colour. Always maintain clear space equal to the height of the “S” in Swytchcode.
Colours
Brand palette
Click any swatch to copy the hex code to your clipboard.
Gradients
142deg · #EFDC B6 · #EBA37E · #7D7A8F
Typography
Type system
Display / Headings
Aa
Geist Semibold
All headings and display text. Tracking: −0.03em
Body / UI
Aa
Geist Regular / Medium
Body copy, captions, UI labels. Line height: 1.65
Guidelines
How to use the logo
Use white + orange on dark, black + orange on light
Scale it proportionally. Never squish or stretch.
Give it space. Don't crowd it against other elements
Write our name as Swytchcode: one word, capital S
When in doubt, use the version with the most contrast
Change the colors, even to something close
Rotate, skew, add shadows, or apply any effects
Drop it on a background it can barely be seen against
Use it next to your own logo in a way that implies partnership
Questions?
Need something specific?
If you need a different format, size, or have a partnership or press inquiry, get in touch with us directly.