Light background
Brand application studyFeel like
Feel like
yourself again.
A simple headline, supporting text
and a clear next step.
Brand foundations
Brand review
Start with this brand’s source
No colors, fonts or assets are inherited from Mojo. Import the brand’s Figma export to begin its own review.
Start here
Needs your attention
Open each item for the next step and source context. Decisions are grouped separately from handoff and implementation work.
Brand details & contrastFAQ, radius, icons and more
Try the behavior
Forms, icons & motion
Form status colors
Choose a state to see the color transition. Every state includes a message and an icon.
Icon-only controls
Move focus here with Tab, or press the close control to preview feedback.
Example notice
The icon has an accessible name: Close preview.
Proposed rules & exact color values
Logo & brand mark
Original assets · candidate reviewSupplied icons
Original artworkOriginal files are shown unchanged. Stroke and usage differences are recorded in Brand details.
Vertical palettes & gradients
Text & CTA on a background
Source-recorded colors applied to illustrative text and controls.
Dark background
Brand application studyFeel like
Feel like
yourself again.
A simple headline, supporting text
and a clear next step.
Palette Source colors
Gradients Source treatments
Brand-wide gradients
Original named treatments. Usage restrictions stay with each source token; no text pairing is inferred.
Brand-wide colors & font families
Website / creative
Email fallback
TypographyExpand to inspect
Typography scale
Imported desktop/mobile values are reference only; responsive rules are outside Phase 1. Source specifications: size in pixels, line height as a multiplier, tracking in em.
| Style / usage | Family / weight / case | Desktop: size / line / tracking | Mobile: size / line / tracking | Evidence |
|---|
Imported spacing referenceExpand to inspect
Imported reference only. Responsive layouts and spacing rules are not Phase 1 requirements.
Spacing & radius
| Name / usage | Desktop | Mobile |
|---|
Application rulesExpand to inspect
Application rules
Read-only source guidanceImported notes are preserved for context. This tool owns iconography, fonts, colors and text styling/alignment; imagery and page-layout instructions are outside its scope.
Color pairing checksExpand to inspect
Color pairings
Computed from source valuesAll tokens · search & inspectExpand to inspect
Inspect the tokens
| Token | Value | Source |
|---|