Design
System
Dark by default. Lime as the only accent. Gold reserved for Pro. Every token, ramp and component that keeps Surgr looking like one product — hard, premium, tech-forward — across app, landing and email.
Colors
Dark by default. Lime as the only accent. Gold reserved for Pro. Every other color exists to label a state or a goal — never as decoration.
Type
Rajdhani 800 carries the impact. DM Sans does the talking. All headings UPPERCASE — body sentence-case in PT-BR.
Spacing & Shape
8-grid with a 4px micro-step. Generous radii, glow over drop-shadow. Three density patterns: tight for lists, standard for cards, airy for hero moments.
Components
Six archetypes carry the entire app. Buttons, cards, inputs, tags, tab bar, coach bubble. Every screen is built from these.
Brand
The mark, the lockup, and the effects that make Surgr feel alive without ever bouncing. Motion is documented in full on the Motion System ↗.
UI Kits
Three live surfaces built from the tokens above. Open the interactive prototypes for the full experience.