Brand Guidelines

Design Guidelines

Ensure consistent brand representation across all touchpoints with these usage specifications.

Safe Space & Clear Zone

1× Logo Height 1× Logo Height

Minimum Clear Space

Maintain a clear zone equal to the height of the logo on all sides. No text, graphics, or other elements should encroach on this space.

Proportional Scaling

Always maintain the aspect ratio when scaling. Never stretch, compress, or distort the logo in any way.

Minimum Sizes

Digital

Web & Apps 32 px
Social Media 48 px
Email Signatures 24 px

Print

Business Cards 15 mm
Letterhead 20 mm
Posters 30 mm

Merchandise

Apparel 40 mm
Vehicles 150 mm
Signage 200 mm

Do's & Don'ts

Do

Use the full-color version on light backgrounds

Use light variants on dark backgrounds

Scale proportionally while maintaining clear space

Don't

Stretch or distort the logo proportions

Place on busy or low-contrast backgrounds

Add effects like shadows, glows, or outlines

Color Usage

Primary Palette

Deep Purple

#6B4C9A

Primary brand color

Royal Purple

#8B5DC9

Secondary accent

Light Purple

#B899E0

Highlight color

Background Compatibility

Recommended

White, off-white (#F7F5F0), light gray backgrounds

Dark Backgrounds

Use light purple variants (#E8DDF5, #C5A3E5) on dark backgrounds

Avoid

Purple backgrounds, busy patterns, or colors with low contrast

Logo Variants & Downloads

Full Gradient

Primary brand logo with full purple gradient palette.

SVG Full Color

Light Variant

Light purple tones for use on dark backgrounds.

SVG Dark Mode

Monochrome

Single color black for print, embroidery, and simple applications.

SVG Print Ready

Download Format

All logo variants are available as scalable SVG files with 200×200px viewBox. SVG files are ideal for digital use, print production, and can be scaled infinitely without quality loss. For raster formats (PNG, JPG), export from your preferred design tool.

Logo with Typography

SKYVOLO

Horizontal Lockup

Logo mark with wordmark side by side. Best for headers, navigation bars, and horizontal spaces.

SVG Horizontal
SKYVOLO

Stacked Lockup

Logo centered above wordmark. Ideal for social media avatars, app icons, and vertical layouts.

SVG Stacked

Icon Only

Standalone logo mark without text. For favicons, small UI elements, and social media profile images.

SVG Icon Only

When to Use Each Lockup

Horizontal

Website headers, email signatures, navigation bars, wide banner placements, and presentation slides.

Stacked

Social media posts, app splash screens, business cards, vertical banners, and merchandise.

Icon Only

Favicons, app icons, social media avatars, watermarks, and small UI contexts under 48px.

Typography

Aa

Clash Grotesk

Display & Headlines

Used for headlines, titles, and emphasis. Weights: 400 (Regular), 600 (Semibold), 700 (Bold).

Aa

Inter

Body & UI Text

Used for body text, descriptions, and UI elements. Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semibold).