Helium

Brand Identity System

Modern. Minimal. Professional.

Color Palette

A refined monochrome palette with gold accents, designed for versatility and sophistication.

Primary Dark

#1A1A1A

Headlines, primary text

Secondary Dark

#2D2D2D

Subheadings, accents

Muted

#666666

Secondary text, captions

Light Gray

#E0E0E0

Borders, dividers

Off-White

#FAFAFA

Backgrounds

Gold Accent

#B8860B

CTAs, highlights, luxury touch

Typography

A sophisticated pairing of editorial serif and clean sans-serif for timeless elegance.

Display Font

DM Serif Display

Elegant headlines with classical proportions

Body Font

Plus Jakarta Sans

Clean, modern, highly legible for all body text

Type Scale

48px Display Large
32px Display Medium
24px Heading
18px Subheading
16px Body Large
14px Body Regular
12px Caption

Logo System

Flexible logo variations for every application.

Primary Logo

Download SVG

Horizontal

HELIUM
Download SVG

Icon Only

Download SVG

Monochrome

Download SVG

Spacing & Grid

Consistent spacing creates visual rhythm and hierarchy.

Base Unit: 8px

8px
16px
24px
32px
48px
64px
96px

12-Column Grid

24px gutters • 1200px max-width • Responsive breakpoints

Social Media Templates

Ready-to-use templates for consistent brand presence.

Instagram Post

Your Headline

Engaging caption text here

1080 × 1080px

Instagram Story

Story Title

Swipe up to learn more

1080 × 1920px

LinkedIn Post

Helium Brand Studio Professional branding services
Thought leadership content that drives engagement and builds authority in your industry.
1200 × 627px

Twitter/X Post

1200 × 675px

Usage Guidelines

✓ Do

  • Use the primary logo on light backgrounds
  • Maintain clear space around the logo (minimum 20px)
  • Use the horizontal version for website headers
  • Apply the gold accent sparingly for highlights
  • Stick to the defined type scale
  • Use 8px multiples for spacing

✗ Don't

  • Stretch or distort the logo
  • Use colors outside the defined palette
  • Place the logo on busy backgrounds
  • Use more than two fonts in one design
  • Apply drop shadows to the logo
  • Rotate or tilt the logo