Brand Guidelines
Docs version v1 (main)Nauthera is pre-1.0, in a design-partner programUpdated
Logo
The Nauthera logo is a nautilus shell spiral representing layered security. It comes in two modes: a full lockup (icon + wordmark) and a standalone icon.
Variants
Dark background
Light background
Brand background
Reversed (colored background)
Icon Only
Dark
Light
Brand
Color Palette
| Swatch | Name | Hex | Usage |
|---|---|---|---|
| Deep | #0d3c2c | Dark text, deep backgrounds | |
| Brand | #005e44 | Primary brand color, CTAs | |
| Light | #2e8568 | Secondary accents, hover states | |
| Dim | #66ab90 | Muted accents, disabled states | |
| Tint | #cbf0df | Highlights, light fills |
Typography
- Body text: Inter — clean, neutral sans-serif optimized for screen reading
- Code & wordmark: JetBrains Mono — monospaced font used in the logo wordmark and all code blocks
The logo wordmark uses JetBrains Mono at weight 600 with slight negative letter-spacing.
Clear Space & Minimum Size
- Maintain clear space equal to the height of the center circle on all sides of the logo
- Minimum size for the lockup: 120px wide
- Minimum size for the icon: 16px
Usage Rules
Do:
- Use the provided variants for the appropriate background
- Maintain the aspect ratio at all times
- Use the
autovariant in UI components for automatic theme adaptation
Don't:
- Stretch, skew, or rotate the logo
- Change the logo colors outside of the defined variants
- Place the logo on low-contrast or busy backgrounds
- Add drop shadows, outlines, or other effects to the logo
- Recreate or modify the nautilus shell paths