Brand assets
Everything you need to represent Step consistently. Download logos, grab colors, follow the guidelines.
Logo
The Step mark. Use the indigo version on light backgrounds, white on dark.
Colors
The Step palette. Indigo is the primary brand color. Use the neutrals for text and surfaces.
#4F46E5
Indigo
Primary
#4338CA
Indigo Dark
Hover
#7B93B7
Muted Blue
Secondary
#0C0D0F
Dark
Dark bg
#1D1F23
Strong
Headings
#4E535B
Normal
Body text
#8E949D
Secondary
Captions
#E9EAEC
Canvas
Background
#F2F3F4
Surface
Cards
#FAFAFB
White
Page bg
Typography
Step uses Inter across all touchpoints. Clean, versatile, and endlessly readable.
Aa Bb Cc
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
400500600700
Usage guidelines
Do
- Use the logo with enough clear space
- Keep the aspect ratio intact
- Use approved color variants
Don't
- Stretch, rotate, or distort the logo
- Place on busy backgrounds without contrast
- Modify the logo colors