◆ Brand Identity System · v1.0

Reach beyond with star-level intelligence.

The complete AstraReach visual system — from favicon to pitch deck. Stellar etymology, a node-graph metaphor, and a dark premium palette unified across every surface the brand touches.

Archetype · Sage + Explorer Personality · Intelligent · Authoritative · Futuristic · Grounded · Premium Motif · Constellation · Journey graph · Aurora
02 · Color System

Violet for reach. Cyan for intelligence.

Violet is the brand — it carries every CTA, every key highlight, every moment of primary attention. Cyan signals the AI layer: data flow, live indicators, agentic activity. Three semantic colors encode the four ACRR stages. All palette pairings pass WCAG AA on the dark surfaces.

Primary · violet suite
CTAs · key highlights · links
Violet Deep
#7C3AED · rgb(124,58,237)
Hover · secondary violet
Violet Light
#A78BFA
Deep backgrounds · pressed
Violet Muted
#4C1D95
Accent · cyan suite
AI · data flows · live
Cyan Bright
#06B6D4
Highlights on dark
Cyan Light
#67E8F9
Secondary accent · borders
Cyan Deep
#0E7490
Semantic · ACRR stage colors
Success · health · retention · growth
Emerald
#10B981
Warning · referral · celebration · anomaly
Amber
#F59E0B
Error · critical · churn · drop-off
Rose
#F43F5E
Neutrals · dark suite
Space Black
#0B0F1A
Dark 1
#111827
Dark 2
#1F2937
Dark 3
#374151
Dark 4
#4B5563
Gray Mid
#6B7280
Gray Light
#9CA3AF
Off White
#F9FAFB
Pure White
#FFFFFF
Space fade
0B0F1A → 1F2937
Gradients
Brand · 135°
#7C3AED → #06B6D4
Aurora · 135°
violet → blue → cyan
Violet glow
radial 0→70%
Gold accent
referral · reward
Deep brand
#4C1D95 → #0E7490
Success
emerald gradient
Dark mesh
ambient backgrounds
Alert
rose → amber
Contrast · WCAG pairings
White on Space Black
Aa
Contrast 18.4 : 1 · AAA ✓
Off-white on Dark 1
Aa
Contrast 15.3 : 1 · AAA ✓
Violet Light on Space Black
Aa
Contrast 6.8 : 1 · AA ✓
White on Violet Deep
Aa
Contrast 5.1 : 1 · AA ✓
Gray Light on Space Black
Aa
Contrast 7.2 : 1 · AA ✓
Gray Mid on Dark 2 — avoid
Aa
Contrast 2.4 : 1 · fail ✗
03 · Typography

Inter for voice. JetBrains Mono for proof.

Inter carries the whole interface from display to caption — a single family, confidently sized, tightly tracked at display scales. JetBrains Mono is reserved for anything code-flavored: API keys, event IDs, timestamps, feature flags.

DisplayInter 900 · 72px · -0.03emThe Agentic Marketing OS
H1Inter 700 · 48px · -0.02emKnow every customer journey
H2Inter 700 · 36px · -0.02emSeven intelligence layers
H3Inter 600 · 24px · -0.01emReal-time anomaly detection
Body LargeInter 400 · 18px · 1.7lhAstraReach unifies online and offline events into a living journey graph — then deploys agents to surface insight.
BodyInter 400 · 16px · 1.6lhStandard paragraph text. Sixty to eighty character line length for comfortable reading at typical viewing distance.
SmallInter 400 · 14px · 1.5lhHelper text, labels, form hints, timestamps, filter options, and secondary metadata.
MonoJetBrains Mono 400 · 14pxar_live_a1b2c3d4e5f6g7h8
BadgeInter 600 · 12px · 0.04em · UPPERAcquisition · Retention · Active
04 · Icon System

24 feature icons, one pen.

2px stroke, rounded caps, violet on transparent, drawn on a 24 × 24 grid. Each icon encodes a product concept with a single metaphor — no compound symbols, no decorative frills. Fills and animated variants derive from the same master paths.

01
Event ingestion
02
Identity resolution
03
Journey map
04
AI assistant
05
Anomaly detection
06
Decision engine
07
Memory
08
Channels
09
API keys
10
Analytics
11
Semantic search
ABC
12
Natural language
13
Real-time
14
Identity graph
15
Conversion
16
Reflexion loop
17
Webhook
18
Security
19
Team / org
20
Billing
21
World state
22
Enrichment
23
Consent
24
Export
ACRR stage icons · 32 × 32
Acquisition
A
Conversion
C
Retention
R1
Referral
R2
Status · 16 × 16
Operational
Degraded
Outage
Maintenance
?
Unknown
05 · Illustration Language

Every picture is a network.

One visual vocabulary across hero art, feature illustrations, empty states, and onboarding: nodes, edges, and subtle flow. Never photorealistic, never literal. Particle constellations carry the premium "stellar" feeling without tipping into sci-fi fantasy.

Hero background · particle network
A constellation of customer data
40–60 nodes · curved tapered edges · left-to-right flow
Journey graph · product feature visual
Land Browse Compare Pricing Trial Demo Convert Drop 0.84 0.62 0.71 0.88 0.42
Empty states · 8 variations
?
No events yet
send your first event to see data flow
No journey graph
graph builds automatically at 1k+ events
All quiet
no anomalies in the last 24h
No decisions
turn any anomaly into a decision
Memory is empty
first reflexion populates memory
No API keys
create one to start ingesting
No results
try a different query
Processing
we're thinking about it
Section backgrounds · 7 alternating patterns
BG1 · particle cluster
BG2 · subtle grid
BG3 · data streams
BG4 · radial burst
BG5 · hex mesh
BG6 · star field
BG7 · faint graph
BG+ · neutral fade
06 · Social Assets

Every share looks like AstraReach.

OG images, profile headers, avatars, and Product Hunt gallery cards — all built from the same three ingredients: particle net, aurora gradient, and the logomark. Systematic, not same-y.

Open Graph · 1200 × 630 · default
AstraReach
The Agentic
Marketing OS.
Know every journey. Decide with intelligence.
100K free events 15ms ingest GPT-4o powered
Profile headers & avatar
Twitter / X · 1500×500
AstraReach
The Agentic Marketing OS
LinkedIn banner · 1128×191
AstraReach
The Agentic Marketing OS
Avatar · 400×400
IG post · 1:1 · stat
$80K
recovered by Northwind in 72h
with AstraReach anomaly alerts
IG post · 1:1 · quote
"
Replaced our entire BI + CDP stack in under a quarter.
— Priya M · VP Growth
Stories · 9:16 · feature
AstraReach
AI Insights
Unlocked.
Auto-detected bottlenecks ·
Shapley attribution · LLM summaries
Link in bio
PH gallery · 240×240
07 · Thumbnail System

Eight categories, one grid.

Blog and video thumbnails share a strict grid: text zone left, visual zone right, diagonal clip mask between. Category pills tint the system so scanning a feed tells you the topic at a glance.

Blog thumbnails · 1200 × 630
◆ Product

Introducing Decision Engine: close the loop from insight to action.

Maya Chen · 6 min read
⚡ Engineering

How we hit 15ms p50 event ingest with FastAPI and Redis.

Adit Sharma · 8 min read
◎ Growth

The ACRR framework: aligning every pixel to a growth stage.

Elena Walsh · 12 min read
ACRR
★ Case Study

How Northwind recovered $80K in 72 hours with anomaly alerts.

AstraReach Team · 5 min read
$80K
Video / YouTube · 1280 × 720
AstraReach
How to build
your first
journey graph
TUTORIAL · S01E036:48
◆ WEBINAR
The agentic
marketing stack.
May 14 · 10am PT · 45 min
Elena Walsh
CEO, AstraReach
Register free →
08 · Email & Signature

Inbox-ready, table-safe.

Header banners, footer strips, and signatures are HTML-table friendly — fixed widths, web-safe gradients, and no tricks that Outlook will break.

Email header · 600 × 200 (8 variants)
Welcome
Product update
Alert
Invoice
Email footer · 600 × 80
AstraReach
The Agentic Marketing OS
in𝕏
Signature · standard · HTML-compatible
Maya Chen
Head of Product · AstraReach
in𝕏◎ GitHub
Know every journey.
09 · Pitch Deck Template

10 slides, 16:9, branded end to end.

Cover through close. Dark theme throughout, violet accent lines, consistent logo position, and one master type system. Drop content, ship.

AstraReach
Seed Pitch · May 2026
01 / 10
Elena Walsh · CEO
01 · PROBLEM
Marketing teams fly blind across
disconnected data silos.
PAIN 01
40h/wk on reports
PAIN 02
8 tools to see one journey
PAIN 03
Weeks to catch anomalies
02 / 10
AstraReach
02 · SOLUTION
Seven intelligence layers, one OS.
L1
Perception
L2
Identity
L3
World
L4
Memory
L5
Intelligence
L6
Agents
L7
Optimization
03 / 10
04 · TRACTION
Signal from the first 2,000 teams.
ARR
$4.2M
+218% YoY
CUSTOMERS
2,147
+14% MoM
NDR
142%
net dollar ret.
EVENTS/DAY
840M
+31% MoM
05 / 10
Raising $18M Series A
To scale the agentic layer across 10,000 growth teams and ship the Decision Engine to GA.
elena@astrareach.ai · astrareach.ai/pitch
10 / 10
10 · Environmental & Merch

The brand in the world.

Apparel, stickers, and physical surfaces keep the same minimalist discipline: logomark only, centered, generous whitespace. Nothing clever — just recognizable.

T-shirt · white
T-shirt · dark
Sticker · circular
Sticker · hex
POWERED BY
ASTRAREACH
Laptop decal
AstraReach
Tote bag
AstraReach
Sticker · rectangular
AstraReach
Sticker · tagline
Know every journey.
11 · Motion Specs

Five motions. Always purposeful.

Ease-out for entrances, ease-in for exits; 200 ms micro, 400 ms standard, 600 ms hero. Decorative motion is banned; every animation has to answer "what did this communicate?"

11.1 Animated logo

0.0–0.4s · nodes pop in
0.2–0.7s · edges draw
0.5–1.0s · glow pulse
0.8–1.5s · wordmark reveal

11.2 Loading · constellation

2s seamless loop · 3 nodes orbiting shared center · gradient edge trails

11.3 Data flow · ambient

8s loop · horizontal left→right · 2–4px particles · 40–80% opacity

11.4 Anomaly alert

!
1s one-shot · outward ring ripple · amber/rose · fires on trigger only

11.5 Celebration

3s one-shot · burst from center-top · gravity + rotation · ACRR 4-color particles

Easing curves

ease-out · entrance · 400ms ease-in · exit · 200ms ease-in-out · hero · 600ms
200ms micro · 400ms standard · 600ms hero
12 · Brand Guidelines · Rules

Do. Don't. No exceptions.

The logo is the single most-seen brand asset. These rules protect it from the seven mistakes teams make by default.

Clearspace & minimum size
construction

Clearspace = cap height of "A"

AstraReach
minimum clearspace = 40px all sides
min size

Don't go below 24px digital

64px
40px
24px · min
16px fav only
Don't
✗ Don't place on brand violet
Logomark loses contrast against its own color.
✗ Don't stretch
Always preserve 1:1 aspect ratio.
✗ Don't rotate
The mark sits upright. Always.
✗ Don't recolor
Use only approved color variants.
✗ Don't use on low-contrast BG
Colorful backgrounds dilute the mark.
✗ Don't add shadows
The built-in node glow is the only effect.
✗ Don't ship low-res
Always use SVG or 2× PNG minimum.
AstraReach
✗ Don't alter wordmark font
Only Inter 700 · -0.025em tracking.
Voice · vocabulary
voice

Prefer

"insights"not "dashboards"
"intelligence"not "analytics"
"journey"not "funnel"
"decision"not "recommendation"
"memory"not "history"
voice

Avoid

"disruptive"
"revolutionize"
"game-changing"
"AI-powered" (without a noun)
"synergy" / "holistic" / "leverage"
File naming & structure
astrareach_[asset-type]_[variant]_[size].[ext]
──────────────────────────────────
astrareach_logo_horizontal_dark_2x.png
astrareach_logo_mark_only_color.svg
astrareach_icon_feature_identity-resolution.svg
astrareach_social_og_default_1200x630.png
astrareach_app-icon_ios_1024x1024.png
AstraReach · Brand Identity System v1.0 · © 2026 ← Back to marketing site · ACRR system →