Primary mark
A pixel sun settling behind a stepped Sonoran ridge, with one mint calibration star in motion.
SVGBrand room
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.
Living identity
Test the signal in motion.
PixelSunset
mark · night · motion take 1
Marks
Pixels, sunset, Sonoran ridge.
App tile
The mark on its graphite tile for avatars, app icons, and socials.
SVG
Mono · paper
Single color for dark grounds; the ridge and contour retain the landscape silhouette.
SVG
Mono · ink
Single color for light grounds, print, and engraving.
SVG
Lockup · dark
Mark, wordmark, and tagline with fully outlined type; no font dependency.
SVG
Lockup · light
The same lockup set in ink for light grounds and documents.
SVGPalette
Warm heat on cold graphite.
Midnight Graphite
Foundation surface
Deep Interface
Panels and cards
Solar Gold
Kickers, price signals
Ember Orange
Gradient midpoint
Sunset Coral
Primary action energy
Ion Cyan
Focus, links, accents
Signal Mint
Success and live states
Warm Paper
Type on dark
Type
Tight, modern, confident.
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 rules
Motion that impresses without distracting.
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 voxel 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.
Interface application
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.