Social Media Branding Guide

Design
System.

The definitive reference for creating consistent, on-brand social media content across every platform. Built for designers, marketers, and content creators.

Table of Contents

01

Brand Overview

Identity, mission, and visual foundation

Brand Mission

AEROLINE × SKYVOLO represents the pinnacle of premium aviation services. Our social media presence reflects the precision, forward motion, and geometric elegance that define our brand — delivering content that inspires confidence and aspiration.

Precision

Every detail matters

Forward

Motion & momentum

Geometric

Clean & structured

SKYVOLO

by AEROLINE

02

Logo Usage & Lockups

Approved configurations for social media

SKYVOLO

Horizontal Lockup

Primary social media configuration

PreferredAll Platforms

SKYVOLOby aeroline

Stacked Lockup

Profile images & square formats

StoriesTikTok

Icon Mark

App icon, favicon, watermarks

AvatarWatermark

Social Media Clear Space Rules

1× height

Profile Photo

1× logo height padding

Feed Post

1.5× logo height padding

SKYVOLO

Story Watermark

0.5× logo height padding

Dark Variant

Use light logo on dark BG

03

Logo Animations

Standard motion patterns for social media and digital content

SKYVOLO

01 — Fade In & Scale

0.6s

View CSS

@keyframes fadeScale {
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}

SKYVOLO

02 — Slide In Left

0.8s

View CSS

@keyframes slideLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

03 — Rotate Spin

1.2s

View CSS

@keyframes rotateSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

04 — Bounce Entrance

0.8s

View CSS

@keyframes bounceEntrance {
  0% { opacity: 0; transform: translateY(100px); }
  60% { opacity: 1; transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

05 — Pulse Glow

2s Loop

View CSS

@keyframes pulseGlow {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(139,93,201,0)); }
  50% { transform: scale(1.05); filter: drop-shadow(0 0 15px rgba(139,93,201,0.5)); }
}

SKYVOLO

06 — Flip 3D

1s Loop

View CSS

@keyframes flip3D {
  0% { transform: perspective(400px) rotateY(0deg); }
  100% { transform: perspective(400px) rotateY(360deg); }
}

SKYVOLO

07 — Zoom Blur

0.7s

View CSS

@keyframes zoomBlur {
  0% { opacity: 0; transform: scale(2); filter: blur(20px); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}

08 — Slide Cascade

1s

View CSS

@keyframes slideFadeCascade {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

SKYVOLO

09 — Elastic Pop

0.9s

View CSS

@keyframes elasticPop {
  0% { transform: scale(0); }
  70% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

10 — Wave Motion

1.5s Loop

View CSS

@keyframes waveMotion {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-10px) rotate(2deg); }
  75% { transform: translateY(10px) rotate(-2deg); }
}

04

Color System

Complete palette with social media usage guidance

Primary Brand Colors

Deep Purple

#6B4C9A

Primary brand · Headlines on light BG

Royal Purple

#8B5DC9

CTA buttons · Interactive elements

Light Purple

#A67CD6

Accent highlights · Gradient mid-point

Pale Purple

#C5A3E5

Backgrounds · Light mode accents

Neutral & Accent

Deep Black

#1A1A1A

Paper

#F7F5F0

Gold Accent

#C9A66B

Purple Wash

#E8DDF5

Accessible Combinations

Purple on White — 7.3:1 AAA ✓

Black on Paper — 15.2:1 AAA ✓

White on Royal — 4.6:1 AA ✓

Gradient Usage for Social Media

Primary Gradient

Headers, hero sections, CTA backgrounds

Soft Gradient

Story backgrounds, testimonial cards

Dark Gradient

Premium posts, announcements, events

05

Typography

Font system and social media sizing guidelines

Display Font

Clash Grotesk

Fontshare

Bold 700Headlines

Semibold 600Subheads

Regular 400Labels

Social Media Sizing

IG Feed Headline48–64px

Story Headline56–72px

LinkedIn Headline40–56px

Twitter/X Headline36–48px

Body Font

Inter

Google Fonts

Semibold 600Emphasis

Medium 500UI Labels

Regular 400Body Copy

Light 300Captions

Caption Guidelines

IG Feed Body24–32px

Story Body28–36px

Min Size (legible)18px

Line Height1.4–1.6

06

Spacing & Layout

Consistent spatial rhythm across all content

Spacing Scale

XS

4px— Icon padding, inline gaps

SM

8px— Tight spacing

MD

12px— Element separation

LG

16px— Card padding

XL

24px— Section gaps

2XL

32px— Major sections

3XL

48px— Content margins

4XL

64px— Page-level spacing

Social Media Safe Zones

Always keep critical content within these margins from edge:

Instagram Feed

48px margin

Instagram Story

64px top/bottom

LinkedIn Post

40px margin

Twitter/X Post

32px margin

TikTok Video

80px bottom

07

Social Media Templates

Platform-specific dimensions and wireframes

SKYVOLO

Instagram Feed

1080 × 1350 px

4:5 aspect ratio

IG Story

1080 × 1920 px

9:16 aspect ratio

LinkedIn Post

1200 × 627 px

1.91:1 ratio

Twitter/X Post

1024 × 512 px

2:1 ratio

TikTok Frame

1080 × 1920 px

9:16 ratio

08

Best Practices

Content creation guidelines for on-brand social media

Image Composition

•Use rule of thirds for visual hierarchy
•Keep text overlay to max 30% of image
•Use high-resolution assets (min 2x)
•Maintain generous negative space

Text Overlay

•Max 2 lines for headlines
•Use Clash Grotesk Bold for impact
•Ensure 4.5:1 contrast ratio minimum
•Add text shadow on photo backgrounds

Brand Tone

•Professional yet approachable
•Forward-thinking, innovation-led
•Confident, never boastful
•Clear, concise, action-oriented

Video Content

•Use brand intro (2-3 sec logo reveal)
•Include captions / subtitles always
•End card with logo + CTA
•MP4 at 30fps, H.264 codec

Thumbnails

•Bold text, max 5 words
•High contrast purple/white palette
•Include brand icon in corner
•Test legibility at 116×65 px (YT mobile)

Caption Writing

•Hook in first 125 characters
•Use line breaks for readability
•End with clear CTA
•Hashtags in first comment (IG)

09

Do's & Don'ts

Visual and messaging guidelines for social media

Do

Use approved color combinations

Purple on white, white on purple, black on paper, white on dark gradient

Maintain clear space around the logo

Minimum 1× logo height on all sides in any placement

Use Clash Grotesk for all headlines

Semibold or Bold weights only for social media headers

Export at 2× resolution for retina

IG Feed: export at 2160×2700, downscales to 1080×1350

Maintain consistent visual style

Same filters, same tone, same layout patterns across posts

Don't

Stretch, rotate, or distort the logo

Always scale proportionally from the source SVG

Use non-brand colors or custom gradients

Only use the approved purple palette and neutrals

Add drop shadows or glow effects to logo

The logo has its own built-in depth through gradient layers

Use system fonts (Arial, Helvetica, etc.)

Only Clash Grotesk and Inter are approved typefaces

Place logo on busy backgrounds

Use solid or simple gradient backgrounds for logo placement

10

Hashtag & Messaging

Brand voice, hashtags, and bio guidelines

Brand Hashtags

#SKYVOLOPrimary

#AEROLINEPrimary

#FlySkyvolo

#SkyvoloAviation

#AerolineDesign

Always include at least 1 primary hashtag per post

Community & Industry

#PremiumAviation

#PrivateJet

#AviationDesign

#LuxuryTravel

#BrandDesign

Use 3-5 industry hashtags per post. Rotate monthly.

Voice Examples

"Precision-engineered for those who demand more from the sky."

✓ On-brand

"Forward momentum starts with forward thinking."

✓ On-brand

"OMG best flights ever!! 🔥🔥🔥"

✗ Too casual / off-brand

"Cheap deals on luxury flights!!!"

✗ Off-brand positioning

11

Pre-Post Checklist

Verify every item before publishing

Ready to Create?

Download brand assets, templates, and start creating on-brand social media content today.

Asset Library Full Guidelines

Design
System.

Brand Overview

Brand Mission

Logo Usage & Lockups

Social Media Clear Space Rules

Logo Animations

Color System

Primary Brand Colors

Neutral & Accent

Accessible Combinations

Gradient Usage for Social Media

Typography

Clash Grotesk

Inter

Spacing & Layout

Spacing Scale

Social Media Safe Zones

Social Media Templates

Best Practices

Image Composition

Text Overlay

Brand Tone

Video Content

Thumbnails

Caption Writing

Do's & Don'ts

Do

Don't

Hashtag & Messaging

Brand Hashtags

Community & Industry

Voice Examples

Pre-Post Checklist

Visual Checklist

Content Checklist

File Naming Convention

Ready to Create?

DesignSystem.

Brand Overview

Brand Mission

Logo Usage & Lockups

Social Media Clear Space Rules

Logo Animations

Color System

Primary Brand Colors

Neutral & Accent

Accessible Combinations

Gradient Usage for Social Media

Typography

Clash Grotesk

Inter

Spacing & Layout

Spacing Scale

Social Media Safe Zones

Social Media Templates

Best Practices

Image Composition

Text Overlay

Brand Tone

Video Content

Thumbnails

Caption Writing

Do's & Don'ts

Do

Don't

Hashtag & Messaging

Brand Hashtags

Community & Industry

Voice Examples

Pre-Post Checklist

Visual Checklist

Content Checklist

File Naming Convention

Ready to Create?

Design
System.