hex copied!
> brand kit

logos, colors, and everything in between.

Making something with Social Media Pal? Use these assets. When in doubt, keep it yellow, keep it bold, keep it fun.

> 01 — logos

Download the logo

Mascot · Light
Mascot · Dark
pal.
Wordmark · Light
pal.
Wordmark · Dark
pal.
Lockup · Yellow
pal.
Lockup · White
> 02 — colors

Brand palette

Click any color to copy the hex code.

Highlighter Yellow
#FFD60A
primary accent · CTAs · highlights
Ink Black
#111110
primary text · borders · dark UI
Cream 50
#FDFBF4
primary background
Cream 100
#F8F3E4
secondary background · cards
Ink 500
#5C584E
muted text · labels
Neon Green
#00D97E
live status · success states
Neon Pink
#FF3D8B
accents · strikethroughs
Neon Violet
#7B5CFF
enterprise · special states
> 03 — typography

Type system

Fraunces · Serif · 900 Italic · Hero headings
your AI social team.
Fraunces · Serif · 700 · Section headings
Create. Schedule. Post. Repeat.
Inter · Sans-serif · 400/500/600 · Body copy
Pal handles your entire social media presence — strategy, writing, scheduling, and posting — so you can focus on running your business. Works across all major platforms.
JetBrains Mono · Monospace · Labels, badges, eyebrows
PLAN: PRO · STATUS: ACTIVE · TOKENS: 142 REMAINING
VT323 · Pixel · UI decorations, gamer labels
> Level Up · 47 Day Streak · Achievement Unlocked
> 04 — usage

Do's and don'ts

✓ Do
  • Use the yellow (#FFD60A) as the primary accent on light or dark backgrounds
  • Pair the mascot with Fraunces italic for the wordmark lockup
  • Use sticker-style borders (solid #111, offset shadow) on cards and buttons
  • Keep headlines in Fraunces 900 with tight letter-spacing (-0.03em or tighter)
  • Use the cream backgrounds (#FDFBF4, #F8F3E4) for all light-mode UI
  • Credit as "Social Media Pal" or "pal." — both are fine
✗ Don't
  • Recolor the mascot or change the yellow to a different shade
  • Stretch, rotate, or distort the logo lockup
  • Place the light mascot on a busy photo background without a solid backing
  • Use generic sans-serif fonts in place of Inter or Fraunces
  • Add drop shadows or glows — use the flat sticker offset shadow instead
  • Use the logo in a way that implies endorsement without permission
> 05 — questions

Need something custom?

If you need a format we haven't provided — PNG, different sizes, a specific lockup — reach out and we'll sort it out.

email the team →