Logo mark - light
/logos/pulsar_logo_light.svg
Open assetLogo assets and usage
Logo mark - dark
/logos/pulsar_logo_dark.svg
Open asset
Wordmark - light
/logos/pulsar_logo_full_white.svg
Open asset
Wordmark - dark
/logos/pulsar_logo_full_black.svg
Open assetLogo positioning rules
- Clear space: minimum 0.5x of the mark height on all sides.
- Minimum size: mark 24px digital, wordmark 96px digital.
- Always center logos vertically in top navigation or hero lockups.
- Use dark logo on light surfaces, light logo on dark surfaces.
- Do not stretch, rotate, add shadows, or apply random gradients.
Typography and style
Body/Headings: Inter (400-800)
Code/UI monospace: JetBrains Mono
Corner radius: 10px / 12px / 16px
Shadows: tokenized sm/md/lg/xl only
Color system
Token
Light
Dark
Usage
--bg-page
#f2f4f7
#231f20
Page background
--bg-canvas
#ffffff
#231f20
Cards and surfaces
--border
#eaecf0
#3f3a3b
Subtle borders
--text-primary
#101828
#f2f4f7
Headings and key labels
--text-secondary
#344054
#d0d5dd
Body copy
--text-tertiary
#667085
#b4adae
Meta and helper text
Do
- Use default token colors from the design system.
- Keep corners soft (10-16px) and borders subtle.
- Prefer concise headlines and execution-first copy.
- Use Hugeicons consistently for feature sections.
Do not
- Do not place dark logo on dark backgrounds.
- Do not use pure black hard borders in light mode.
- Do not introduce random accent colors outside tokens.
- Do not mix icon packs in marketing pages.