Brand Assets

Download the Vibesites logo and symbol for GitHub, Product Hunt, press, and social media. All assets are free to use when referencing Vibesites.

Symbol (gradient)

Symbol (gradient)

The Vibesites wave symbol on transparent background. Use on light backgrounds.

SVGPNG 512pxPNG 1024px
Symbol (dark background)

Symbol (dark background)

Wave symbol on dark rounded rectangle. Use on any background — GitHub, Product Hunt, social media.

SVGPNG 512px
Wordmark (dark text)

Wordmark (dark text)

Full logo with symbol + "vibesites" text. Use on light backgrounds.

SVG
Wordmark (white text)

Wordmark (white text)

Full logo with symbol + white text. Use on dark backgrounds.

SVG

Color Palette

Orange#EA580C

Primary brand color, CTAs, links

Gold#FBBF24

Gradient endpoint, accents

Orange Dark#C2410C

Hover states, emphasis

Black#111928

Text, dark backgrounds

Chalk#F6F4F2

Page backgrounds

Warm Surface#FEF0E8

Light accent backgrounds

Typography

Wordmark

vibesites

Fredoka — used only for the brand name

UI & Body

Outfit

Outfit — all UI text, headings, and body copy

Brand Gradient

linear-gradient(135deg, #EA580C 0%, #FBBF24 100%)

Used for CTAs, buttons, and accent elements

Usage Guidelines

  • Use the dark background symbol for GitHub, Product Hunt, and social media avatars
  • Use the gradient symbol on light backgrounds only
  • Do not rotate, distort, or recolor the symbol
  • Keep clear space around the symbol equal to at least half its width
  • Minimum size: 24px for digital, 10mm for print