Cosmic Reach Creative
The Cosmic Reach Brand System

Signal, not static.

We navigate organizations through the nebula of complexity with clarity, systems, decision-ready design, and structured communication. This page is the system itself. Every color, every typeface, and every transition you read below is the live token set we build on.

Scroll to navigate
Language

The frequency we broadcast on.

We sound like

  • A navigator in the control room
  • Plain language, precise value
  • Confident but never arrogant
  • Technical when the mission requires it

We never sound like

  • Corporate jargon
  • Drifting without gravitational pull
  • Noise without purpose
  • Filler that serves no purpose

Mission Control

Instructional, steady orbit.

Guide the user to their destination.

Deep Space Broadcast

Confident, discovery-focused.

Earn attention through luminosity.

Course Correction

Human, direct, recalibrating.

Never blame the crew.

Form · Logo

Stardust becomes material.

The mark is a constellation. On deep space it reads in starlight with a single spark. On light it inverts to navy. The accent never moves.

Cosmic Reach Creative logo on deep space

Dark background · starlight mark, preferred

Cosmic Reach Creative logo on light

Light background · navy mark

Do not

Distort

Never warp the constellation.

Recolor

Never shift the spectrum.

Shadow

Never add atmospheric noise.

Clutter

Never obscure the signal.

When the mark loses clarity, the constellation breaks apart.

Color

Color is gravity.

Foundation is the dark matter. Structure is copper, the orbital lines. Spark Red is the supernova. It marks the moment something ignites. A dot, a line, a flare. Never a flood.

FoundationDeep Space#0B1120The dark matter. The canvas of deep space.
FoundationSurface#111827Secondary panels and raised surfaces.
ForegroundStarlight#E8DFCFPrimary text and light. The signal you read.
StructureCopper#D4A574Orbital lines and coordinates. Labels and rules.
SupernovaSpark Red#E04747The signal flare. One element per view, never a flood.
Typography

Type is the telescope.

Aa

Space Grotesk

Display headings and section labels. Bold, geometric, built for clarity.

300 · 400 · 500 · 600 · 700

Aa

Atkinson Hyperlegible Next

Body text, interface, and long-form. Neutral and steady. Ground control.

The quick brown fox jumps over the lazy dog.

H1clamp(1.75rem, 4.5vw, 2.75rem)LH1.1Wt600
H2clamp(1.5rem, 3.5vw, 2rem)LH1.15Wt600
H3clamp(1.125rem, 2.5vw, 1.5rem)LH1.25Wt600
Body16pxLH1.65Wt400
Small14pxLH1.5Wt400
Structure

The orbital mechanics of layout.

Spacing scale

XS4px
SM8px
MD16px
LG32px
XL64px
XXL96px

Radius

Every container has rounded corners. Nothing sharp. Soft like a planet’s horizon.

sm 8px
md 12px

Responsive grid

Desktop
12-column orbit
Tablet
8-column orbit
Mobile
4-column orbit
Motion

Celestial bodies move with purpose.

So does every pixel. Transitions run on opacity and transform, between 200 and 300 milliseconds. Smooth, never bounce. Parallax is reserved for stellar hero moments.

Duration

200 to 300ms

Easing

Smooth. Never bounce.

Transitions

Opacity and transform.

This panel is drifting on the same easing the system ships with. Motion responds. It never performs.

Embrace

  • Deep space
  • Copper nebulae
  • Observatory interiors
  • Precision instruments

Avoid

  • Stock smiles
  • Neon galaxy art
  • Sci-fi cliches
  • Low-res textures
  • Corporate atmospheres
Transmission

A star system only works when the signal travels.

The system ships as tokens, so the brand stays identical from a proposal to production. The same values that render this page are the deliverable, not a screenshot of a style guide.

  • tokens.css
  • tokens.json
  • tokens.scss

When systems align, momentum follows.

We build the infrastructure of growth. The same system you just read through is the one we build for every brand we take on.

Start with the AuditSee the work