ALWAYS BE DRAWING

BRANDING IDENTITY WEB SOCIAL DIGITAL

Opal is where your favorite brands plan, build, and deliver great content at scale.

OPAL BRAND GUIDE

A premium identity system for a modern marketing operating platform.

This section turns the page into a live brand board: core color, typography voice, and modular layout ratios you can reuse across web, product marketing, social, and launch moments.

Primary Color #2A70EA Display: VC Garamond Condensed System Sans: Apercu Brand Ratios: 1 / 2 / 3 / 66-33 / 75-25

BRAND POSITIONING

Marketing systems that feel calm, fast, and unmistakably Opal.

The tone is elevated but human: strategic clarity up top, practical momentum underneath. Every surface should communicate confidence and reduce noise.

Display Voice: VC Garamond Condensed UI Voice: Apercu

CORE COLOR

#2A70EA

Primary interaction color for links, highlights, CTAs, and signature brand moments.

Opal Blue Primary

COLOR SYSTEM

Primary #2A70EA
Deep #1E56B8
Soft Tint #DCE8FF
Brand Ink #0E1B35

USAGE RULES

  • Use #2A70EA for primary actions and signal moments.
  • Reserve deep blue for active/pressed states.
  • Use soft tint as background wash for emphasis zones.
  • Keep brand ink for dense type and product UI framing.

TYPE / DISPLAY

VC Garamond Condensed

Great marketing runs on clear systems.

Use for hero lines and premium headlines

TYPE / SYSTEM SANS

Apercu

Apercu keeps interface copy crisp, modern, and operationally clear across dashboards, prompts, and campaign details.

12 LABEL 16 BODY 24 SECTION

LAYOUT KIT

1-UP

For launch declarations and hero storytelling.

LAYOUT KIT

66 / 33

Primary story plus supporting sidecar details.

LAYOUT KIT

75 / 25

Dominant message with tight CTA rail.

Next Project โ†’