05 — Showcase
8 Background Styles
01
Void
绝对虚空 · 极端极简
02
Frosted
磨砂穹顶 · 呼吸感
03
Fluid
流体深渊 · AI原生感
04
Spotlight
物理影棚 · 杂志质感
05
Editorial
纸本编辑 · 人文质感
06
Iridescent
幻彩透砂 · 科技硬件
07
Analog Liquid
物理流体 · 金属光泽
08
Swiss Flat
瑞士扁平 · 永恒权威
Primary usage · dark backgrounds
Each dot breathes independently
Light backgrounds · print · UI icons
Opacity encodes signal strength
When animation not available
Social avatars · favicons · embossing
Primary lockup · navigation · headers · app bars
Mark left · wordmark right · gap = mark width × 0.1
Square formats · social profiles · app icons
Mark centered top · wordmark centered below
FocuX is monochrome by default. Color is reserved for system states only: active/focus → white on black · resting → gray · alert → red (system only, never brand). The dot opacity gradient in the mark encodes signal strength — this gray scale is the data language of the product.
Gill Sans carries humanist warmth without sentimentality. The slightly organic terminals soften the geometric precision of the mark. Used for wordmark, headlines, and UI body copy.
Space Mono for all data readouts, labels, timestamps, and system metadata. Monospace enforces the idea that FocuX output is precise, measured, objective — like a terminal reading biological data.
FocuX reads your body and returns only what matters. The brand should do the same — remove everything decorative, keep only signal. If an element doesn't carry information, it shouldn't exist.
The mark breathes. The product listens in real time. But it never demands attention — it waits to be consulted. Animation is subtle, purposeful. Never decorative. Never loud.
Every measurement is an act of attention toward the user's body. The monochrome palette, the monospace data readouts, the exact opacity gradients — precision is how FocuX shows it cares.