Brand Assets

BootStepper Brand Kit

Download and use our brand assets, colors, and logos for your projects.

Colors

Primary
--primary
Main brand color - used for primary actions and accents
#ff8200
Theme Color
Theme color for browser UI and PWA
#ff8200
Background
--background
Light mode background
oklch(0.98 0.01 95.1)
Foreground
--foreground
Light mode text color
oklch(0.34 0.03 95.72)

Logos

Logo (SVG)
Main logo in SVG format — scalable vector graphics
Logo (SVG)
SVG
https://cdn.bootstepper.com/brand/logo.svg
Logo black (SVG)
Dark / high-contrast logo variant for light backgrounds
Logo black (SVG)
SVG
https://cdn.bootstepper.com/brand/logo_black.svg
Wordmark rounded
Horizontal wordmark with rounded treatment
Wordmark rounded
WebP
https://cdn.bootstepper.com/brand/wordmark_rounded.webp
Wordmark with link
Wordmark including linked mark
Wordmark with link
WebP
https://cdn.bootstepper.com/brand/wordmark_withlink.webp
Wordmark with link (transparent)
Wordmark with link on a transparent background
Wordmark with link (transparent)
WebP
https://cdn.bootstepper.com/brand/workmark_withlink_transparent.webp
Wordmark
Standard horizontal wordmark
Wordmark
WebP
https://cdn.bootstepper.com/brand/workmark.webp

Icons

Icon
Default app icon
Icon
WebP
https://cdn.bootstepper.com/brand/icon.webp
Icon (circle)
Circular app icon
Icon (circle)
WebP
https://cdn.bootstepper.com/brand/icon_circle.webp
Icon (circle, dark)
Circular app icon — dark theme
Icon (circle, dark)
WebP
https://cdn.bootstepper.com/brand/icon_circle_dark.webp
Icon (dark)
App icon for dark backgrounds
Icon (dark)
WebP
https://cdn.bootstepper.com/brand/icon_dark.webp
Icon (dark, rounded)
Rounded app icon for dark backgrounds
Icon (dark, rounded)
WebP
https://cdn.bootstepper.com/brand/icon_dark_rounded.webp
Icon (rounded)
Rounded-corner app icon
Icon (rounded)
WebP
https://cdn.bootstepper.com/brand/icon_rounded.webp
Icon (white)
Light / white icon for dark backgrounds
Icon (white)
WebP
https://cdn.bootstepper.com/brand/icon_white.webp