Brand
The design system behind this website: colour sampled from the logo artwork, the two typefaces, and the rules that keep every page consistent.
Colour tokens
Every colour below is sampled directly from the NAMproff Group logo artwork and coded as CSS custom properties in the site theme. Red is reserved for calls to action and small accent text; it never paints large surfaces.
#0a0a6e
#0a0a6e
--np-navy · Group mark, headings, primary surfaces
#06063f
#06063f
--np-navy-deep · Dark sections and footer
#e8e8f6
#e8e8f6
--np-navy-soft · Tints and card backgrounds
#dc1b20
#dc1b20
--np-red · Primary accent and CTA buttons only
#ff2f2f
#ff2f2f
--np-red-bright · Erongo wordmark red; never small text on white
#17aee6
#17aee6
--np-cyan · Secondary accent, links on dark, icon strokes
#0b0c0e
#0b0c0e
--np-ink · Logo black and body text on light
#80808a
#80808a
--np-grey-500 · Muted text and KK accent
#f3f3f7
#f3f3f7
--np-grey-100 · Muted section background
Per-company accents
Each group company carries one accent, used on its page header strip, cards and hover states. All six derive from the core palette so the group reads as one family.
#0a0a6e
High Rise Cleaners
accent: navy
#ff2f2f
Erongo Construction
accent: bright red
#80808a
KK Accommodation
accent: steel grey
#17aee6
Erongo Cleaning Services
accent: cyan
#0b0c0e
Erongo Security Services
accent: ink
#dc1b20
Rent-A-Truck
accent: red
Typography
Two families, self-hosted and swapped in with font-display: swap. Poppins carries headings and buttons; Inter carries body copy. The script lettering in the logo artwork is part of the logo only and is never used as a webface.
| Role | Specification |
|---|---|
| Display / Hero | Poppins SemiBold, 3rem to 4.5rem, tight leading |
| H2 section | Poppins SemiBold, 1.875rem to 2.25rem |
| Body | Inter Regular, 1rem to 1.125rem, relaxed leading |
| Caption / meta | Inter Medium, 0.875rem, muted ink |
| Button / CTA | Poppins Medium, 0.9375rem, sentence case |
Logo rules
- Every mark renders from the client's official NAMproff_Logos_Updated_v2 pack masters in /logos - client-supplied transparent PNGs, never AI-traced vectors and never CSS-filtered recolours.
- The logo variant is swapped as a file, never filtered in CSS: full-colour light masters on light surfaces, the on-navy-bright masters on navy and dark surfaces.
- The logo is never boxed, chipped or carded to force contrast: no white plates, panels or placeholder tiles behind it, anywhere on the site or in the favicon suite (the favicon is a navy-deep tile carrying the white group mark).
- The six company logos keep their own artwork with a clear space of at least 10% of the logo's width on every side; on themed surfaces (cards, menus) the correct variant is selected automatically.
- The logo is never stretched, recoloured, rotated or given effects; the script wordmark stays untouched inside the PNG.
Logo suite
Every mark on this site renders from the client's official NAMproff_Logos_Updated_v2 logo pack: the group logo and its oval mark, the six company logos, the Proudly Namibian badge and the 13-years numeral. Each ships in two variants: the full-colour light master for light surfaces and the on-navy-bright master for dark ones - navy and black areas become white while red and cyan are lifted just enough to stay readable, exactly as the pack prescribes. No CSS inversion, no halos, no fringes.

NAMproff Group

NAMproff Group mark

High Rise Cleaners

Erongo Cleaning Services

Erongo Construction

Erongo Security Services

KK Accommodation

Khoe-Khoe's mark

Rent-A-Truck

Proudly Namibian badge

13-years numeral
Voice and content rules
The site publishes verified facts only: the registration number, the 2013 founding year, the managing member's verified qualifications and the group contact details. Anything unconfirmed is visibly marked and tracked until the client signs it off. No invented prices, addresses, statistics, testimonials or certifications appear anywhere, and copy avoids filler phrasing: sentences stay short, concrete and Namibian.












