01 · Mark

Logo & wordmark

Space Grotesk 700 · silver gradient on “Mention” · diamond mark replaces letter X

Icon / favicon — same faceted mark on void (#010208)

Faceted interstellar diamond-X mark — metallic depth, red cross core (icon + favicon)
Mention + diamond mark inline (mark replaces letter X) — Space Grotesk 700, silver gradient
Do not use a plain red “X” letter beside the mark — the diamond is the X.
156px nav clearance on hero, pricing, about fold 1

02 · Core palette

Space colors

Void black background, silver ink, and nebula accents. Brand red is sacred — use for the X, primary CTAs, and brand rails only.

Void

#010208

Page background

Brand red (X)

#FF2B2B

Wordmark X, primary CTA

Nebula sky

#3BA0E0

Links, intel kickers

Aurora mint

#7CFFC4

Source intel, monitoring

Stellar champagne

#C9A962

Warm gold accent

Plasma flare

#F0E2C4

Mentionie headline highlight

Accretion ember

#8B6340

Mentionie console + headline depth

Orbital cerulean

#6B9FD8

Cross-engine UI accent

Starlight

#B8DCFF

Cross-engine headline highlight

Nebula deep

#2A5F8F

Cross-engine headline depth

Copper desk

#D4A574

Product console reference only

Comet coral

#FF6B57

Opportunities, gaps

03 · Typography

Fonts

Sora — display headings

Homepage folds, hero h1, section titles

Inter — body & UI

Paragraphs, nav, footer, forms

Space Grotesk — wordmark

Logo lockup only

Display text uses a silver metallic gradient (not flat white). Kickers stay solid sky or red. Body copy uses muted silver — never pure #FFFFFF paragraphs at length.

04 · iOS glass

Surfaces

Nav pill, Mention Hub dropdown, and footer use the same glass language — frosted depth, hairline border, red/sky rail on top.

Panel: satin gradient + 44px blur + 180% saturation
Border: rgba(255, 255, 255, 0.16)
Rail: red center, sky flank — connects sections without hard white breaks

05 · Homepage folds

One accent pair per fold

Each fold owns UI accents plus a section headline gradient (highlight → depth). Headlines never mix unrelated hues — silver gradient is for nav wordmark only.

Launch

Hero + 3D voyage

Section headline gradient

Solar corona — gold headline, red on X + CTAs only

Product pipeline

System Engine

Section headline gradient

Nebula cyan — aurora to abyss

Mentionie desk

Vuenie Orbit

Section headline gradient

Accretion disk — plasma flare to orbital bronze

Cross-engine

Cross Engine

Section headline gradient

Binary starlight — starlight to nebula depth

Competitive galaxy

Competitive War

Section headline gradient

Stellar heat — corona gold to brand red

Source intel

Source Intel

Section headline gradient

Citation trail — aurora to abyss cyan

Opportunities

Section headline gradient

Supernova — coral flare to stellar gold

USP · Reco + Agent

Recommendation Rate + GEO Content Agent

Section headline gradient

USP lead — Recommendation Rate + Agent

Pricing glimpse

Pricing Glimpse

Section headline gradient

Red dwarf — flare red to stellar gold

Final CTA

Section headline gradient

Wormhole — sky flare to brand red

06 · Features