Brand assets

Logos, icons, color system, and brand guidelines for partnerships, integrations, and media use. Download what you need.

Logos & icons

Icon mark (on dark)

Icon mark (on dark)

64 × 64128 × 128256 × 256360 × 360512 × 512
Wordmark (on dark)

Wordmark (on dark)

Dark backgroundLight backgroundTransparent
Wordmark (on light)

Wordmark (on light)

Dark backgroundLight backgroundTransparent
Lockup (on dark)

Lockup (on dark)

Dark backgroundTransparent
Lockup (on light)

Lockup (on light)

Dark backgroundTransparent

Color system

StayOps uses a “dark sandwich” layout: dark hero and footer sections with light body content between them. Each context has its own text, border, and background colors.

Dark sections (hero, footer, CTA bands)

Dark Background

#0F1419

Hero, footer, CTA bands

Dark Surface

#161B22

Nav (scrolled), cards on dark

Dark Border

#1F2630

Borders on dark sections

Dark Text

#F2EFE8

Primary text on dark

Dark Muted

#B0B8C4

Secondary text on dark

Light sections (body content)

Warm White

#FAFAF7

Primary body sections

Warm Grey

#F0EDE6

Alternating body sections

Light Border

#E2DDD5

Borders on light sections

Light Text

#1A1A2E

Primary text on light

Light Muted

#5A6370

Secondary text on light

Accent & action colors

Teal (CTA)

#2A7D8C

Buttons, links, CTAs

Teal Hover

#237080

Button hover states

Gold (Accent)

#D4A574

Brand warmth, decorative

Success

#4A7C6F

Connected status, success

Typography

DejaVu Sans Bold

Logo / wordmark / icon mark

Fraunces

Headings & display text

Inter

Body text & UI

JetBrains Mono

Code & monospace

Usage guidelines

Do

  • Use the wordmark on dark (#0F1419), light (#FAFAF7), or transparent backgrounds
  • Maintain clear space around the logo equal to the height of the “S” icon
  • “Stay” is always teal (#2A7D8C on dark, #247078 on light for contrast)
  • “Ops” is always the contextual text color (white on dark, dark on light)
  • The icon mark uses a teal square with white S
  • Gold (#D4A574) is reserved for decorative accents only — not the logo
  • Follow the dark sandwich pattern: dark hero/footer, light body
  • Link back to stayops.pro when using our logo

Don't

  • Alter the colors, proportions, or orientation of the logo
  • Place the logo on busy or low-contrast backgrounds
  • Use the icon mark without the teal background
  • Recreate the wordmark in a different typeface
  • Use gold (#D4A574) for CTAs, buttons, or logo text — gold is decorative only

Integration partners

If you're listing StayOps on your integrations page or marketplace, use the lockup (icon + wordmark) on a dark or transparent background. For icon-only contexts (app stores, small badges), use the icon mark at 64px or larger.

Need a different format or have questions about brand use? hello@stayops.pro