Skip to content
// BRAND_KIT

Brand Assets

Official Satelyx logos, colors, and typography guidelines. Download individual assets or grab the full brand kit.

Download Full Brand Kit (.zip)
// LOGOS

Logo Variants

Each variant is available in white (for dark backgrounds) and black (for light backgrounds). Download as SVG for scalable use or PNG for quick placement.

Horizontal Lockup

Satelyx horizontal logo, white
White variant
SVG PNG
Satelyx horizontal logo, black
Black variant
SVG PNG

Vertical Lockup

Satelyx vertical logo, white
White variant
SVG PNG
Satelyx vertical logo, black
Black variant
SVG PNG

Symbol / Icon

Satelyx symbol, white
White variant
SVG PNG
Satelyx symbol, black
Black variant
SVG PNG

Wordmark

Satelyx wordmark, white
White variant
SVG PNG
Satelyx wordmark, black
Black variant
SVG PNG
// COLORS

Brand Colors

The Satelyx palette is built for dark interfaces. Clean, high-contrast, industrial.

Background

#0F0F0F

Foreground

#FAFAFA

Accent

#FAFAFA

Secondary

#0D1117

Muted

#171B26

Border

#1D2633

// TYPOGRAPHY

Typography

Display

Space Grotesk

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Used for headings, titles, and display text. Bold weight preferred.

Body

Inter

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Used for body text, descriptions, and UI elements. Regular and medium weights.

Mono

JetBrains Mono

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Used for labels, technical data, code references, and UI accents.

// GUIDELINES

Usage Guidelines

Do

  • + Use the white logo on dark backgrounds
  • + Use the black logo on light backgrounds
  • + Maintain clear space around the logo (minimum: height of the symbol)
  • + Use SVG format for digital applications
  • + Use the horizontal lockup as the primary logo

Don't

  • - Alter the logo proportions or stretch it
  • - Add effects like shadows, gradients, or outlines
  • - Place the logo on busy or low-contrast backgrounds
  • - Rotate, skew, or animate the logo
  • - Use unapproved color combinations