Primary mark
SVGA block-built P that dissolves into pixels, ending on a single signal-red pixel.
Download SVGIDENTITY SYSTEM · PUBLIC
A sunset you can build with.
The PixelSunset identity system, in the open: marks, palette, type, and the motion rules every build follows. It's the same system we design for clients, shown working.
Test the signal in motion.
The mark, lockup, and micro versions on different grounds. Play the motion take to see the timing.
PixelSunset
mark · night · motion take 1
Dissolve P, signal terminal.
Download the marks in the format they were drawn. Use the lockup when space allows; the micro mark when it does not.
Mono · paper
SVGSingle color for dark grounds; the silver steps collapse into one silhouette.
Download SVG
Paper and silver on Lambda Black.
The roles stay consistent: signal red for action, live mint for verified state, focus ion for interaction.
Lambda Black
Foundation surface
Panel
Cards and panels
Raised Panel
Elevated surfaces
Hairline
Borders and rules
Paper
Headlines and marks
Body
Body text on dark
Dim
Secondary text and mono data
Faint
Tertiary labels
Signal Red
The single accent: actions, the mark's terminal pixel
Silver Steps
The stepped gradient in the mark and the hero sun
Live Mint
Success and live states
Focus Ion
Focus rings and link accents
Tight, modern, confident.
Space Grotesk sets attention, Inter carries the story, IBM Plex Mono handles the evidence.
DISPLAY · SPACE GROTESK
Set attention in motion.
Headlines, numbers, and anything that should feel engineered. Weight 700, tight leading, generous size jumps.
BODY · INTER
Interface copy, narratives, and forms. Readable at speed, quiet enough to let the display voice lead, sturdy from captions to ledes.
Weights 400-800. Line height 1.6-1.8 for prose, 1.2 for labels. Uppercase labels use weight and color, never squeezed spacing.
TELEMETRY · IBM PLEX MONO
SCOPE ONLINE / 04
Status, evidence labels, pricing signals, and interface readouts. Technical without becoming cold or visually noisy.
Weights 400-700. Reserved for data and orientation, with a practical minimum size on every viewport.
Motion that impresses without distracting.
The rules keep every build coherent, accessible, and purposeful.
Motion means something or it doesn't ship
Every animation either directs attention, explains a relationship, or rewards intent. Decoration alone doesn't clear the bar.
One signature moment per page
The pixel sun owns the hero. Everything else stays quiet so the moment keeps its gravity.
Cinema never touches the transaction
Forms, prices, and CTAs stay still and instant. Theater builds desire; clarity closes.
Reduced motion is a first-class render
prefers-reduced-motion gets a composed static frame, not a broken animation or a blank space.
The identity has to survive a real interface.
Color roles, type hierarchy, and motion behavior are shown in context before they become a handoff document.
Want an identity system this considered?
Every Orbit Build ships with its own brand room: marks, palette, type, and motion rules your whole team can build with.
Not ready to talk? Run your own launch estimate. No email, no cookies.