This is the canonical design instruction authority for EzzatWorld. It establishes deterministic rules for color, brand mark usage, Space Grotesk typography, layout rhythm, component shapes, and interface behaviors across all digital and print touchpoints.
“Build and finish with understanding instead of guesswork.”
Our purpose is to help every person who is building, renovating, or finishing a home find the right advice, design direction, products, and services—from the first idea to the next practical step.
“We will help you understand what you need and make the right decision before buying.”
Customer feeling within the first two minutes:
“I feel understood, and I know exactly where to begin.”
Live stock, clear prices, no manufactured urgency or false discounts.
Clear technical reasoning based on room measurements and requirements.
Plain language and visible human specialist support at all decision points.
Clean digital tools that reduce customer effort and preserve project context.
Every interaction moves the customer toward a concrete decision or validated step.
The geometry of the Ezzat mark remains recognizable and unaltered. The approved production color is Accent #A6402D on light fields, or white on an Accent tile / dark surface.
/images/logo.svg
Main mark on white and warm Surface backgrounds.
/images/logo-inv.svg
Used on headers, footers, and Tertiary surfaces.
/images/logo-tile.svg
White mark on an Accent rounded square tile.
/images/logo-black.svg
For legal documents, invoices, and monochrome print.
Symbol + "EzzatWorld" in Space Grotesk Bold.
Used on dark headers and navigation surfaces.
0.25M on every side (where M is the width of the visible symbol).32px wide standalone, 48px wide for interactive targets.10mm wide.Three governing brand colors paired with a functional monochrome scale, rigorously tested for WCAG 2.2 AA contrast compliance.
#A6402DRole: Brand mark, single primary action per decision area, and controlled emphasis.
Contrast (White): 6.19:1 (Passes WCAG AA)
#173F36Role: Structural headers, footers, secondary controls, and adviser bands.
Contrast (White): 11.66:1 (Passes WCAG AAA)
#FBF8F1Role: Warm primary canvas and page background.
Contrast (Graphite): 13.97:1 (Passes WCAG AAA)
#25282B)
Primary reading text and technical specifications.
#1E6B4F)
Confirmed state and verified specs.
#8A5A00)
Needs measurement or customer confirmation.
#B42318)
Errors, out of stock, or destructive actions.
Space Grotesk is self-hosted in WOFF2 format across weights 300, 400, 500, 600, and 700 with zero third-party font dependencies at runtime.
Build and finish with understanding
Mosi evaluates your room dimensions first, then calculates the exact required lumen output for comfortable ambient lighting.
Every tile is specified with precise millimeter dimensions and slip resistance ratings for wet areas. All pricing and box quantities are verified.
TZS 1,450,000.00 • 45 Boxes • Total Area: 72.5 m² • Valid: 2026-09-27
Spacing is governed by a strict 4px base grid. Control and surface radii are disciplined to preserve architectural clarity.
| Token | Computed | Intended Use |
|---|---|---|
--space-1 | 4px (0.25rem) | Micro gaps inside status chips |
--space-2 | 8px (0.5rem) | Icon control gap |
--space-4 | 16px (1.0rem) | Mobile gutter & card interior padding |
--space-6 | 24px (1.5rem) | Standard layout grid gap |
--space-8 | 32px (2.0rem) | Section sub-group rhythm |
--space-16 | 64px (4.0rem) | Mobile section vertical space |
--space-24 | 96px (6.0rem) | Desktop section vertical space |
radius.control (8px)
Buttons, text inputs, selectors
radius.card (12px)
Standard product cards
radius.feature (16px)
Mosi adviser workspace panel
radius.pill (999px)
Status chips only
Dimensions: 60×60 cm • Thickness: 10 mm • Coverage: 1.44 m²/box
TZS 48,000
2. Why it fits: Calibrated for a 5m×8m room with a 3m ceiling height.
3. Basis for decision: Floor area measurements and natural window illumination.
4. To verify: Exact ceiling cable drop height during site visit.