Skip to main content

SetSoar Brand Kit

Official logos, colors, typography, and usage guidelines. Please review the guidelines before using our brand assets.

Logo

Use the SVG format whenever possible. PNG is provided for contexts that don't support SVG.

SetSoar logo

Full color on light

Download SVG Download PNG
SetSoar logo

Icon on dark

Download SVG

Brand Colors

Colors are defined in OKLCH for perceptual uniformity and full dark-mode support.

#0f1c37

Navy

Primary dark — backgrounds, hero sections, and headers.

CSS Var --color-background (dark)
OKLCH oklch(0.20 0.06 255)
Hex #0f1c37
#0066FF

Blue

Primary action — CTA buttons, links, and interactive elements.

CSS Var --color-primary
OKLCH oklch(0.50 0.25 265)
Hex #0066FF
#b3b3b3

Grey

Muted text, borders, and supporting UI elements.

CSS Var --color-text-muted
OKLCH oklch(0.72 0 0)
Hex #b3b3b3
Background

Background

Page canvas — white in light mode, deep navy in dark mode.

CSS Var --color-background
OKLCH oklch(1 0 0) / oklch(0.13 0.03 255)
Hex #FFFFFF / #0d1a2e
Surface

Surface

Card and panel backgrounds — slightly elevated from background.

CSS Var --color-surface
OKLCH oklch(0.98 0 0) / oklch(0.18 0.03 255)
Hex #F9F9F9 / #172236

Typography

The SetSoar logo uses Consolas — a monospace font that reflects the technical, precision-focused nature of the brand. Body text uses the system font stack for fast, native rendering on every device.

Heading 1 Stop doing it the hard way.
Heading 2 Work smarter. Stay secure.
Heading 3 Small Business Focus
Body We build practical solutions sized right for your operation — scoped to fit, priced to make sense, and delivered the way that works for you.
Mono / Label contact@setsoar.com · Buford, GA · 470-500-7673

Logo / Brand Font

Used in the wordmark

Consolas, 'Courier New', monospace

Body Font Stack

Used for all page text

system-ui, -apple-system, 'Segoe UI', sans-serif

Usage Guidelines

Follow these guidelines to keep the SetSoar brand consistent and professional.

Do

  • ✓ Use the logo on clean, uncluttered backgrounds.
  • ✓ Maintain clear space equal to the height of the icon around all sides of the logo.
  • ✓ Use the full-color logo on light backgrounds and the white version on dark.
  • ✓ Use Navy (#0f1c37) and Blue (#0066FF) consistently across all materials.

Don't

  • ✗ Stretch, skew, or distort the logo in any way.
  • ✗ Change the logo colors or apply drop shadows or filters.
  • ✗ Place the logo on busy or clashing backgrounds.
  • ✗ Use unapproved colors or unofficial logo variations.
Home → About SetSoar → Services → Recent work →

Questions about brand usage?

Reach out to us if you're a press outlet, partner, or agency and need guidance on using SetSoar brand assets.

Contact Us