Swipeglass

Brand

The building blocks of the Swipeglass identity: our mark, the signature gradient, color, and type. Keep it consistent and it stays recognizable.

Logo

Swipeglass mark
Mark ↓ SVG
Swipeglass Wordmark
Swipeglass
Lockup ↓ SVG
Swipeglass
On light ↓ SVG
Swipeglass app icon
App icon ↓ PNG 1024

The mark is a single rounded diamond filled with the Swipeglass gradient. Give it clear space equal to at least half its width on every side, and never render it smaller than 16px.

Color

Void
#0A0A0F
Primary background
Mist
#F4F4F8
Primary text
Slate
#8A8A99
Secondary / muted text
Periwinkle
#6D8BFF
Primary accent
Violet
#B06DFF
Secondary accent
Swipeglass Gradient
135°, Periwinkle → Violet
The signature gradient. Reserved for the mark and rare hero moments; use it sparingly so it stays special.

Typography

Wordmark / Display · 700, tight tracking
Swipeglass
Subhead · 600
Pick up and play, on any device.
Body · 400, 1.7 line height
We make casual, pick-up-and-play sports games that are easy to learn, fun for all ages, and ready to play on any device.
Typeface
System UI sans-serif stack (San Francisco on Apple, Segoe UI on Windows, Roboto on Android). Fast, native, and consistent, with no web font to load.

Usage

    Do

  • Keep the mark on Void or another dark surface.
  • Use "Swipeglass" as one word, single capital S.
  • Preserve clear space around the mark.
  • Let the gradient live mostly on the mark.

    Don't

  • Recolor the mark or restyle the gradient.
  • Write "SwipeGlass" or "Swipe Glass".
  • Stretch, rotate, or add effects to the logo.
  • Flood whole pages in the gradient.