Nimbus
Calm software for busy teams.
Assets
Full-color horizontal lockup (mark + wordmark). Use on light backgrounds.
Standalone rounded-square mark for avatars, favicons, and app tiles.
Palette
Typography
Display
56px
56px
Aa
Heading
34px
34px
The quick brown fox
Subhead
22px
22px
Jumps over the lazy dog
Body
16px
16px
Pack my box with five dozen liquor jugs.
Space Grotesk headings · Inter body · 1.25 scale, tight tracking.
Sample UI
NewBetaPopular
Nimbus card
A representative surface — headline, supporting copy, and an action — rendered in Nimbus's colors, type, and corner radius.
Guidelines
Nimbus — Look
The Nimbus look is airy and precise: cool blues on generous white space, one confident accent, and geometric type. When in doubt, add space, not decoration.
Color
| Role | Name | Hex | Use |
|---|---|---|---|
| Primary | Nimbus Blue | #2f6bff | Primary buttons, links, key emphasis |
| Ink | Slate Ink | #0f1729 | Headlines and body text |
| Muted | Fog | #5b6472 | Secondary text, captions |
| Surface | Mist | #f4f7fb | Cards, section backgrounds |
| Background | Paper | #ffffff | Page background |
| Border | Hairline | #e2e8f2 | Dividers, input borders |
Rules
- Blue is a scalpel, not a highlighter — one primary action per view.
- Text is Slate Ink on white, never pure black on pure white.
- Backgrounds stay light; avoid dark UI except for code or media.
Typography
- Headings: Space Grotesk — geometric, slightly technical, tight tracking.
- Body: Inter — neutral and highly legible at small sizes.
- Scale: 1.25 ratio. Headlines are large and calm; body is 16px minimum.
- Letter-spacing tightens on large headings (
-0.02em), never on body.
Logo & shape
- Wordmark set in Space Grotesk Medium, lowercase "nimbus".
- Corners are softly rounded (8–12px). Nothing sharp, nothing pill-shaped.
- Iconography is thin-stroke and rounded, 1.5px line weight.
Space & layout
- Generous whitespace is the brand. Let sections breathe.
- Single-column reading measures; max line length ~70 characters.
- Motion is subtle: 150ms ease, small translate. Nothing bounces.
Imagery
- Soft gradients from Mist to white; occasional cloud/sky motif, never literal.
- Product screenshots shown calm and uncluttered, real content over lorem ipsum.
Do / Don't
- Do rely on space and hierarchy to guide the eye.
- Do keep one accent color doing the work.
- Don't stack multiple bright colors or heavy drop shadows.
- Don't use urgent reds or exclamation-heavy badges.
Nimbus — Voice
Nimbus sounds like a calm, competent teammate. It removes friction with clear words and sensible defaults. It never raises its voice.
Principles
- Clear over clever. Say the plain thing. If a sentence needs a second read, rewrite it.
- Calm, not urgent. No manufactured pressure, no exclamation stacking. Deadlines are stated, not shouted.
- Do the work for them. Prefer good defaults and short confirmations over long explanations.
- Respect attention. Every notification should earn its interruption.
Tone by context
- Onboarding: warm and brief. "Welcome. Let's get your first week set up."
- Empty states: encouraging, with one obvious next step.
- Errors: honest and specific, with the fix. Never blame the user.
- Success: understated. A quiet "Saved." beats confetti.
Vocabulary
- Say: set up, tidy, handled, on track, quietly, when you're ready
- Avoid: blazing-fast, revolutionary, unlock, supercharge, crush it, hurry
Grammar & mechanics
- Second person ("you"), present tense, active voice.
- Sentence case for everything, including buttons ("Create event").
- One idea per sentence. Short sentences are fine.
- Oxford comma. No emoji in product UI; sparingly in marketing.
Examples
- Notification — ✅ "Your 3pm moved to 3:30. Nothing else changed." ❌ "🚨 SCHEDULE ALERT! Your meeting has been MOVED!!"
- Error — ✅ "That file's too big (max 25 MB). Try a smaller export." ❌ "Upload failed. Error 413."
- CTA — ✅ "Set up your week" ❌ "Supercharge your productivity now"