a4PRca for people robotics company
Same work. Second paycheck.
This kit is the single source of truth for how a4PRc looks, reads and behaves. One dark surface, one orange, one typeface.
The wordmark
The 4 always carries the brand orange; everything else stays bone white.
Keep clear space at least the cap-height of the P on every side.
This sample is the real floor — 88px wide on screen, or 22mm in print. Never set the wordmark smaller.
The a4 tile
The bone a and the ignition 4 on the carbon tile. One master SVG scales to every size.
Carbon square #0B0C0E, ~16% corner radius. The a4 pair sits centered; the 4 is the only color on the tile.
a4PRc — a for people robotics company
New tab
Served as favicon.svg, favicon.ico (48px), apple-touch-icon.png and icon-512.png.
One dark surface, one orange
Warm carbon, bone white, and one loud voice. Click any swatch to copy its hex.
--text on --bg passes AA.
--accent is one loud voice — the accent letter, focus, the single CTA per screen. Never large text blocks.
--accent2 carries required marks and quiet chrome — never orange, so errors stay unambiguous.
Dark theater, white contract: landings stay cinematic dark, and every form or document surface uses the apex-white system — the intuition.dev ground with the product accent in orange. Reading-size accent text and the submit button are always ember; flame stays on the rail, washes and display accents. Canonical implementation: the /data-agreement page.
Space Grotesk
One variable typeface across all display, numbers and UI chrome.
Wear a small device while you do your normal job — every accepted upload pays out, on top of your regular wage. 边干活，边多挣一份。This is the exact body stack the a4prc.com pages render: native SF Pro on Apple, Segoe on Windows, PingFang / Noto for Chinese, so copy loads instantly and reads native everywhere.
Display + body split by design: Space Grotesk carries every heading, number and UI label; running body text rides the system stack — verbatim from the live pages, so this kit is a faithful single source of truth.
Display, numbers and all UI chrome are Space Grotesk.
Body copy is the system stack (SF Pro / PingFang SC / Noto) for instant load and native CJK.
Body is never set in Space Grotesk; the display face is never used for long-form paragraphs.
The wall, the scrim, the rail
Real work footage as ambient texture, a radial brand-black scrim, and a 2px ignition rail across the top of every page.
The ambient wall — egocentric work footage behind everything. Every tile carries a quiet-down gradient so motion reads as texture, never content.
The radial scrim — pure brand black rising toward the edges, centered on the content. No hue, no rainbow: orange stays the one color on screen.
landing · radial-gradient(120% 90% at 50% 45%, rgba(11,12,14,.55), rgba(11,12,14,.78)) · doc pages add a flat rgba(11,12,14,.30) deepener
Form pages deepen the same scrim to near-black so fields read perfectly; the wall stays barely alive behind.
forms · radial-gradient(120% 90% at 50% 30%, rgba(11,12,14,.955), rgba(11,12,14,.985))
The ignition rail — a 2px orange hairline fading across the top of every page. The family signature.
body::before · height 2px · linear-gradient(90deg, #FF5C1F, transparent 70%)
Machined tokens — 10px radius on everything, full-round pills, the #28292E hairline, and the soft orange focus halo on every field.
Use video only where it earns attention and the link is fast — default to posters.
The wall is always behind a scrim — never foreground.
All media rides the dual Aliyun OSS origins — never a GFW-blocked origin, external CDN or external font.
Calm, deliberate motion
The wall plays clear for a moment, then the brand fades in and stays. Everything else is a quiet micro-interaction.
Real a4PRc surfaces
Copy these patterns, don't reinvent them.
open to anyone — any physical work, any industry, no experience needed
Searchable work
availableAI marks movements, objects and mistakes on the video — semantic search over everything.
Real a4PRc surfaces — copy these patterns, don't reinvent them.
How a4PRc speaks
Do
- Talk to the worker: you, your job, your paycheck.
- Plain, calm, confident — never hype.
- Say "your normal job — nothing changes."
- Be concrete about money: rates, bonuses, when it pays.
Don't
- Never make the device the subject — the person earning is.
- No buzzwords, no exclamation stacking.
- Never promise earnings beyond the agreed rates.
Hard rule
a4PRc equips and rewards people for the work they already do.
The subject is always the person earning — never the camera. The device is the worker's tool, worn on the worker's terms.
Grab the assets
Every file here is the real, production asset — the same wordmark, icons, tokens and typeface this site ships. Zips are assembled in your browser, so nothing leaves your machine.