📘 Brand Guidelines

InfluWin
Brand Identity

The complete guide to InfluWin's visual identity, design system, and brand voice.

Version 1.1 · December 2025

02 · Application

Social Media Profiles

How the InfluWin brand appears across social media platforms. Use consistent branding for recognition.

Social Media Best Practices

✓
Use the crown icon for profile pictures
✓
Use gold or purple gradients for banners
✓
Include "InfluWin" in display name consistently
✕
Don't use low-resolution logo images
✕
Don't crop the crown icon awkwardly
✕
Don't use unofficial color schemes
03 · Foundation

Color Palette

A dual-purpose palette: gold and purple for brand identity, orange for UI interactions.

Brand Colors · Logo

The primary brand colors used in the logo and key brand touchpoints.

Crown Gold
#E9B949
Gold Light
#F5D06B
Brand Purple
#4338CA
Purple Dark
#3730A3

UI Primary · Orange

The action color for buttons, active states, and interactive elements.

Primary
#F97316
Primary Light
#FB923C
Primary Dark
#EA580C
Gradient
Gold → Orange

Role Colors

Colors assigned to different user types in the platform.

Influencer
#8B5CF6
Brand Partner
#EAB308
Admin
#6B7280

Semantic Colors

Success · Active
#22C55E
Warning · Pending
#F59E0B
Error · Ended
#EF4444
Info
#3B82F6

Neutrals

White
#FFFFFF
Gray 50
#F9FAFB
Gray 200
#E5E7EB
Gray 500
#6B7280
Gray 800
#1F2937
04 · Typography

Type System

Inter provides excellent readability across all sizes, from bold headlines to subtle captions.

Inter
The primary typeface for all InfluWin interfaces and communications.
Family Inter
Weights 400, 500, 600, 700, 800
Usage All UI, Headlines, Body

Type Scale

5xl / 48px Hero Title
3xl / 30px Section Title
xl / 20px Card Heading
lg / 18px Large Text
base / 16px Body Text
sm / 14px Small Text / UI
xs / 12px Caption / Label
05 · UI Kit

Components

Core UI components that make up the InfluWin design system.

Buttons
Primary for main actions, secondary for alternatives, outline for navigation.
Active Pending Ended Influencer Brand Partner
Badges
Status indicators for campaigns, users, and roles.
Input Field
Text inputs with clear focus states and placeholders.
Total Users 12
👥
Stat Card
Dashboard metrics with icon and value display.
V
L
S
A
Avatars
User initials with color-coded backgrounds.
Quick Actions
Common administrative tasks
Content Card
Container for grouped content with title and description.
06 · Communication

Voice & Tone

How InfluWin communicates — professional yet approachable, always empowering creators.

💪
Empowering
We speak to creators and partners as equals. Every message reinforces their capability to succeed.
🎯
Clear & Direct
No jargon or fluff. We communicate clearly and get straight to the point with actionable information.
🤝
Trustworthy
Transparency builds trust. We're honest about what we do and how our platform works.
👑
Winning
Our name says it all. We help creators win — and our communication reflects that ambition.
07 · Layout

Spacing System

Consistent spacing creates rhythm and visual hierarchy throughout the interface.

space-1
4px / 0.25rem
space-2
8px / 0.5rem
space-3
12px / 0.75rem
space-4
16px / 1rem
space-6
24px / 1.5rem
space-8
32px / 2rem
space-12
48px / 3rem
space-16
64px / 4rem