Atom Mobile — Brand System V1.0
MOBILE Brand System — V1.0
Brand System — V1.0 Atom Mobile 2026

Brand
System

Identity guidelines for Atom Mobile — a publisher of utility and AI-based mobile apps. Dark editorial tech: black fields, metallic type, one signal of gold.

02 / Color 90% void · 7% ink · 3% gold
Void
#0B0B0C — page ground
Graphite
#111113–#151517 — panels
Ink
#EDECE8 — primary text
Warm Gray
#9C9B96 — secondary text
Signal
#FFD21E — nucleus only
Champagne Gold
#F1D77C → #C9992F — accent
Void 90
7
3

  Signal yellow #FFD21E is reserved for the logo nucleus. It never colors text, buttons or graphics.

  Champagne gold is the working accent: one word per headline, interactive states, thin ring graphics. Never fills large areas.

  Dividers and hairlines — rgba(255,255,255,.07). Card borders — rgba(255,255,255,.08).

03 / Typography Archivo Expanded · Space Grotesk
Display — Archivo Expanded 800 Uppercase · leading 0.92 · one gold word
We publish
applied intelligence
H2 Section
clamp(36–64) / 0.95
Built to scale
H3 Card title
Archivo 700 · 19–21px
Publishing & Distribution
Body
Space Grotesk 400 · 15–16 / 1.7
We take strong games and apps and give them distribution, growth and revenue infrastructure — so the product can stay the product.
Micro-label
500 · 11px · +0.15em
Publisher — Utility & AI Apps · Atom.mobile
Display always uppercase One gold word per headline — never more Metallic fill on display via background-clip Micro-labels annotate, never decorate
04 / Grid & Annotation 12 col · max 1280 · gutter 24
Corner brackets

14×14px, 1px stroke at 28% white. Frame key blocks only — hero stats, diagrams, contact. Never on body cards.

Micro-annotations
01 / About Publisher — Utility & AI Apps Atom.mobile

Placed at section corners like technical drawing callouts. Numbered left, descriptive right.

Hairline dividers

Every section opens with a 1px rule at 7% white and its two micro-labels. Sections never touch without one.

05 / Components Hover to preview states
Buttons
Partner with us
Secondary action

46px circular chip + tracked label. Primary — gold fill, black arrow. Hover — glow 26px at 50% gold.

Glass card
C / 02
User Acquisition & Growth
Performance marketing · creatives · ASO

Fill 3% white, border 8% white, blur 12. Hover — gold border 35%, soft gold shadow, −3px lift.

Portfolio tile — coming soon state
In development Title TBA — [Genre]

Dashed gold border at 30%. The icon slot is sized for a store icon; real titles replace the dashed state 1:1.

Stat cell
[X]M+ Installs across portfolio

Metallic numeral, micro-label beneath. Cells separated by hairlines, framed with corner brackets.

06 / Texture & Imagery No stock photography
Film grain — 4–6% over every surface
Gradient orb — blurred, behind type
Elliptical rings — 1px gold, orbital

Imagery is abstract only: grain fields, gradient orbs and gold elliptical rings drawn in SVG/CSS. Photography enters the system exclusively as brand renders (monochrome, grain-matched) — never stock.

07 / Motion Restrained — the page breathes, it doesn't perform
RevealFade + rise 14px · 500ms · cubic-bezier(.22,.6,.2,1) · IntersectionObserver at 15% · stagger 70ms
DriftHero grain parallax — slow translate loop, 16s alternate. Ring rotation — 60–120s linear, continuous
HoverGold glow + border shift, 200–300ms ease. Cards lift −3px. No scale beyond 1.05
Reduced motionprefers-reduced-motion disables everything. No animation libraries — CSS and IntersectionObserver only
08 / Voice Confident · Technical · Spare

"We combine publishing craft, performance marketing and live operations into one system — transparent for developers, ruthless about results."

Say

Product first. Data over opinions. Long-term partnerships.

Short declaratives. Numbers when we have them, silence when we don't.

  Don't

No emoji. No hype adjectives ("revolutionary", "game-changing"). No exclamation marks.

Never promise outcomes we can't measure.