Brand Assets

Official Neer POS logos, colors, typography, and usage guidelines. Use these assets when referencing Neer.

Logos

Always use original files — never stretch, rotate, or recolor.

Neer logo on dark
Logo — Dark BG
PNG · White
↓ PNG
Neer logo on light
Logo — Light BG
PNG · Dark
↓ PNG
Neer icon mark
Icon Mark
PNG · Square
↓ PNG

Brand Colors

Our primary palette. Use the secondary colors for accents and UI states.

Navy
#1a174d
Primary brand color
Violet
#6c63ff
Accent / interactive
Navy Mid
#282a73
Gradient mid-stop
Navy Light
#3d3a9e
Gradient end-stop
Success
#059669
Positive states
Critical
#e11d48
Alerts / danger
Warning
#d97706
Caution states
Background
#f0f2f8
App background

Typography

Sora for headings; Plus Jakarta Sans for body text; IBM Plex Mono for data.

Display AI Business Insights Sora · 32px · 800
Heading Shop Settings Sora · 22px · 700
Subheading Revenue & Growth Sora · 16px · 700
Body Inventory is 12 days away from stock-out at current pace. Plus Jakarta Sans · 14px · 500
Mono KES 124,500.00 IBM Plex Mono · 13px · 500
Label Revenue vs Last Period Plus Jakarta Sans · 10px · 700 · caps

Spacing Scale

Consistent spacing tokens used throughout the design system.

2
2px — micro gap
4
4px — tight
8
8px — small
12
12px — base
16
16px — medium
24
24px — large
32
32px — section
48
48px — hero padding

Usage Guidelines

Follow these rules when using Neer brand assets.

✓ Do

Use the logo on appropriate contrasting backgrounds (dark navy or white).

✗ Don't

Don't place the logo on busy backgrounds, images, or low-contrast surfaces.

✓ Do

Maintain clear space equal to the logo's height on all four sides.

✗ Don't

Don't stretch, skew, rotate, or distort the logo in any way.

✓ Do

Use "Neer POS" or "Neer" when referring to the product in text.

✗ Don't

Don't recolor the logo or apply effects like drop shadows, gradients, or outlines.