Constellation

One brand. Two acts. Day reveals what night observed.

Customer intelligence is a constellation.

Millions of customer signals arrive every day. Each one is a point of light in the dark. Alone, they are noise. But the system watches. It finds the lines between them. It names the patterns. And what was chaos becomes a map you can navigate.

Scattered signals
Noise. No structure.
Lines appear
Taxonomy connects.
Meaning emerges
A map you can navigate.
Stars
Data Points

Every ticket, survey response, social mention, and usage event. Raw customer signal.

Edges
Taxonomy Connections

The Adaptive Taxonomy that classifies, clusters, and relates signals to each other. The invisible architecture.

Nebulae
Customer Context

Account data, revenue, CSAT, segment. The atmosphere that gives each signal its business meaning.

The Three Truths

Every visual decision in this system traces to one of three beliefs about how intelligence works. They are not aspirations. They are operational descriptions of what Enterpret does, compressed into sentences short enough to govern a brand.

Truth 1 — Emergence
We find signal in noise.

Raw feedback is overwhelming by design. Millions of signals, no structure, no hierarchy. The system watches until patterns surface on their own, stage by stage, from latent to revealed.

Truth 2 — Convergence
We connect what others see separately.

Support tickets live in one tool. Surveys in another. Social mentions in a third. The system draws them together until isolated channels become a single field of intelligence.

Truth 3 — Long Exposure
We watch before we tell.

Confidence is not speed. The system accumulates observation over time, holding findings until they earn the right to be published. Patient collection before a single conclusion.

These truths shape every pixel. The visual system that follows is how they feel.

Two Acts

Enterpret watches in the dark so you can publish in the light.

Act 1
The Long Exposure
Conviction. The system is still observing.
Cancel Intent · Churn Driver
+340% vs prior quarter
Critical severity
Bearing 312° · Q1 2026 · n=2,847
Support · Zendesk

"Every time I try to cancel, the page just refreshes. I've been trying for three days."

1
Cancel flow
2
Billing UX
3
Pricing
Flat card + 1px border Teal glow Film grain Ghost grid
Act 2
The Field Journal
Delivery. Here is what we found.
Cancel Intent · Churn Driver
+340% vs prior quarter
Critical severity
Bearing 312° · Q1 2026 · n=2,847
Support · Zendesk

"Every time I try to cancel, the page just refreshes. I've been trying for three days."

1
Cancel flow
2
Billing UX
3
Pricing
Glass plate Flat teal Warm parchment Clean lines
Deep Night
Pre-Dawn
Dawn
Full Day
DeliverableActWhy
Campaign heroes, social cardsNightInterrupt the feed. Stop the scroll.
Presentations, slide decksNightCommand the room.
In-article diagramsDayIntegrate with editorial context.
Reports, dashboardsDayDeliver findings with clarity.
Help center, documentationDayRead alongside existing content.
Email headersNightStand out in the inbox.

Teal persists across both acts. It is the intelligence indicator: the single color that means "the system found something."

Color

Color carries meaning before the reader processes a single word. In this system, every hue encodes a relationship: what was expected, what was found, and what surprised.

4.1
The Warm Neutral Scale

The shared spine of both modes. Day reads light-to-dark. Night inverts it.

n-100
#F9F8F7
n-200
#F5F3EE
n-300
#EDE9E3
n-400
#C8C4BF
n-500
#A09B95
n-600
#7D7872
n-700
#4A4540
n-800
#1A1816
n-900
#0C1A1E
4.2
Teal: The Intelligence Indicator

Teal appears when the system has found something. Not decoration. Not accent. Teal marks the moment raw signal becomes structured finding.

Teal Scale (#0E7C7B primary)
teal-50
#E4F4F4
teal-100
#C8E8E8
teal-400
#2DA4A3
teal-600
#0E7C7B
teal-700
#0A605F
teal-900
#0C2E2E
4.3
Signal Colors

Four colors encode four feedback sources. They identify origin, never mood.

Survey
#0E7C7B
Support
#EB994D
Social
#F99294
Usage
#BAE1D0
4.4
The Three-Color Hierarchy

Gray for what was expected, teal for what was observed, amber for what deviated.

72%
Expected
84%
Observed
+12%
Deviation
4.5
Proportion Rule
60% Warm Neutrals 30% Teal 10% Signal

Typography

Two typefaces. Geist for communication, Geist Mono for precision. Tighter tracking on display sizes, open tracking on small labels.

Primary
Geist

All communication lives in Geist. Headings, body text, navigation, buttons. Modern and geometric, highly legible at every size. Weights from Thin to Black.

Thin Light Regular Medium SemiBold Bold Black
Secondary
Geist Mono

Precision and data live in Geist Mono. Hex values, section labels, technical metadata, code. Its fixed-width character reinforces accuracy.

Regular Medium Bold

Weight contrast

Pair Bold or Black display type with Regular or Light body. Maximize the gap between heaviest and lightest.

Tracking by size

Tighter tracking on display sizes (32px+). Normal or slightly open tracking on small text and all-caps labels.

Context sets the scale

A slide headline and a UI heading serve different purposes. Use the typefaces consistently; adapt sizes to the medium.

The Four Voices
VoiceFontUseScale
The RevelationGeist Black 900Headlines. The moment a finding becomes undeniable.28-72px
The SignalGeist Mono 500Measured values. KPIs, percentages, timestamps.20-48px
The MurmurGeist Light 300Body text. The observation in progress.11-16px
The TraceGeist Mono 400Metadata. Bearing notation, coordinates, source labels.9-11px

Motifs

Five motifs carry structural meaning. They do not need captions to explain what they represent.

POLARIS
Arc Field
Truth 3 — Long Exposure

Accumulated observation over time. Arc length is patience. Color is source. The primary spatial grammar of the system.

--
Flat
42%
Measured
84%
Revealed
Emergence Sequence
Truth 1 — Emergence

The four stages of a finding: latent, shadow, midtone, revealed. Scattered uncertainty collapses into structured pattern.

SV SP SO US
Signal Convergence
Truth 2 — Convergence

Separate wave patterns phase-aligning into a single resonant signal. The product rendered as physics.

72%
Expected
84%
Observed
+12%
Deviation
72%
Expected
84%
Observed
+12%
Deviation
Expected vs Observed
Truth 1 — Emergence

Gray for the assumption. Teal for the truth. Amber for the surprise.

Finding
The still point in a moving field.
Finding
The observation has been captured.
Glass Plate
Truth 3 — Long Exposure

The surface that says "this observation has been captured." Day: photographic plate. Night: the still point.

Texture Library

Atmospheric material. Browse, use, let meaning accumulate through repetition.

Ghost Grid
Protractor
Magnitude
Film Grain
Atmosphere
Annotation

Examples

The system in the field. Click any example to view full size.

Components

From here, the guide becomes a toolbox. The emotional arc is complete. What follows is specification.

Container Rule

Night containers are flat cards with a 1px border. Day containers are glass plates with stacked box-shadow.

KPI Card

Night
Customer Satisfaction
84%vs 72% expected
+12% deviation
Q1 2026 · n=2,847
Day
Customer Satisfaction
84%vs 72% expected
+12% deviation
Q1 2026 · n=2,847

Quote Card

Night
Support · Intercom

"I will utilize Enterpret data way more now that it is piped directly into my existing tools."

Enterprise PM · Series D SaaS
Day
Support · Intercom

"I will utilize Enterpret data way more now that it is piped directly into my existing tools."

Enterprise PM · Series D SaaS

Data Table

Night
Top Drivers
1
Billing
2
Onboard
3
Latency
Day
Top Drivers
1
Billing
2
Onboard
3
Latency

Production

Everything a designer needs to build.

8.1
Token Reference
/* Day Mode (base) */ --base: #F5F3EE; --base-surface: #FFFFFF; --text-primary: #1A1816; --text-secondary: #4A4540; --teal-600: #0E7C7B; --teal-400: #2DA4A3; --amber: #D4A853; --teal-700: #0A605F; /* Night Mode (override) */ --base: #0C1A1E; --base-surface: #0F2228; --text-primary: #F0EEEB; --text-secondary: #C8C4BF;
8.2
Dawn Transition
StageBackgroundTextUse
Deep Night#081214#F0EEEBHero, atmospheric
Pre-Dawn#1A2A2E#F0EEEBNight content
Dawn#3D4A42#EDE9E3Transition
Full Day#F5F3EE#1A1816Reports, dashboards
8.3
Accessibility
TokenNightDayGradeNote
--text-primary12.5:114.2:1AAAAll sizes
--text-secondary8.3:17.8:1AAAAll sizes
--text-tertiary5.3:14.8:1AAAll sizes
--text-muted3.5:13.2:1AA Large19px+ only
--teal-600 on night3.4:1FailsUse --teal-400 for small text
8.4
Safety Measures
Text Halo (Night)

Non-negotiable

text-shadow: 0 0 24px rgba(12,26,30,0.8), 0 0 48px rgba(12,26,30,0.5)

Glass Plate (Day)

Stacked Shadow

box-shadow: 0 1px 2px, 0 4px 8px, 0 8px 24px with rgba(26,24,22) at descending opacities

Film Grain (Night)

SVG feTurbulence

baseFrequency: 0.65-0.8. Opacity: 2-3.5%.

8.5
Motion
TypeDurationEasing
Micro (hover)150msease-out
Standard (reveal)300msease-in-out
Emphasis (hero)600mscubic-bezier(0.16,1,0.3,1)
Atmospheric18-30sease-in-out alternate

Guidelines

Rules earned from production. Every entry traces to a shipped artifact or a failed experiment.

Both Modes

Do

  • Use the three-color hierarchy for every comparison
  • Use Geist Mono for measured values only
  • Keep teal proportion under 30%
  • Place logo bottom-left or bottom-right, never centered
  • Use inline SVG logos, never CSS grid approximations

Don't

  • Use more than 3 motifs per asset
  • Apply gradient fills or rotation to the mark
  • Use Instrument Serif in Constellation assets
  • Let aurora gradients dominate the composition
  • Accept unverified numbers

Night Mode

Do

  • Apply text safety halo on all text over aurora
  • Use film grain at 2-3.5% opacity
  • Give teal glow only to confirmed findings
  • Keep aurora blobs under 5% opacity, off-center

Don't

  • Use --text-muted for text under 19px
  • Apply opacity to low-contrast text colors
  • Use centered layouts
  • Let any aurora blob exceed 35% opacity

Day Mode

Do

  • Use glass plate shadow for card containers
  • Keep aurora washes below 4% on parchment
  • Use protractor graduation on measurement surfaces
  • Use annotation circle (amber) for highlights

Don't

  • Use flat cards with borders (night treatment)
  • Use teal glow on light backgrounds
  • Apply film grain to day assets