Brand guidelines.

How to use the Vibes wordmark, colors, and voice when writing about us or featuring us in your project. The short version: keep it simple, keep it monochrome, and don't put the wordmark on top of busy backgrounds. For the actual asset downloads, see the press kit.

Wordmark

The Vibes wordmark is set in Inter Tight 800 with -0.04em letter-spacing. Always lowercase. Never lowercase'd into "Vybes" or stylized further; the lowercase setting is the style.

vibes
On dark — the default.
vibes
On light — for printed press.
vibes
Gradient — used sparingly. Promo only.
vibes
White on gradient — feature placement.

Color

The brand palette has four colors plus black and white. The gradient (purple → pink → amber) is reserved for one moment per surface — usually the title — never for body text or chrome. Don't introduce other colors; if you need a fifth color for an accent, use white or one of the existing four at reduced opacity.

Purple
#A56BFF
Pink
#FF5A8A
Blue
#5AB4FF
Amber
#FFB95A
Black
#0A0A0F
White
#FFFFFF
Gradient
linear-gradient · 135°
Glass
rgba(255,255,255,0.05) + 28px blur

Typography

Two typefaces. Inter Tight carries 95% of the content — UI, body, headings, navigation, captions. Fraunces shows up only as italic pull-quotes and one-word editorial flourishes inside otherwise sans-serif headlines. The contrast between them is the entire point. Adding a third typeface is a way to lose the brand.

Songs, not feeds.
Inter Tight 800 · 56px · -0.03em
… for people who actually listen.
Fraunces 500 italic · 28px · -0.015em
Vibes is how you actually share music with people you like — without the algorithm watching, without strangers in your replies, without it disappearing into a feed.
Inter Tight 400 · 17px · 1.55 line-height

Do / Don't

Do
vibes

Set the wordmark on a clean dark background. Generous breathing room around the type.

Don't
vibes

Don't drop the wordmark over busy photography. Use a solid color or a clean gradient.

Do
vibes

Use the gradient for one promotional moment per surface. Promo materials only.

Don't
Vibes

Don't substitute another typeface, capitalize the V, or stretch the letterforms. Lowercase, Inter Tight, end of story.

Voice + tone

Vibes is a small, deliberate product. The writing should be the same. Every line of copy is in plain English. Avoid corporate-marketing voice. The tone is one friend telling another friend about something they actually like.

Yes

  • Plain language, short sentences, opinions stated directly.
  • "Songs, not feeds." — declarative, easy to remember.
  • Saying what we don't do, in words, on the actual page.
  • The occasional editorial italic when it lands honestly.
  • Acknowledging tradeoffs out loud instead of pretending they don't exist.

No

  • "Revolutionary." "Reimagined." "Reinvented." Any word that ends in -ize.
  • Faux-humble brags about user counts, downloads, growth.
  • "Empower." "Unlock." "Curated experiences."
  • Calling Vibes a "platform" or an "ecosystem."
  • Emoji as punctuation in product copy. (Stickers in messages = fine.)

Naming

The product is Vibes — capital V, plural, no period. Internal references in code, the bundle ID (Scott.vibe), and the vibe:// custom URL scheme are all singular for legacy + technical reasons — those stay developer-facing and don't appear in user-facing copy.

"A vibe" (singular, lowercase) is the in-app noun for one song-share — the unit. "I sent her a vibe", "first vibe", "latest vibe". This is the only place we use the singular.

Need the actual files?

Logo downloads, color codes, and screenshots live in the press kit.

Open press kit →