EzzatWorld Brand Kit Version 1.1 • Architectural Precision

Brand Identity & UI System Guidelines

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.

Brand Foundation

1. Philosophy & Core Promise

Governing Belief
“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.

Brand Promise

“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.”

5 Brand Behavior Principles

1. Trustworthy

Live stock, clear prices, no manufactured urgency or false discounts.

2. Expert

Clear technical reasoning based on room measurements and requirements.

3. Approachable

Plain language and visible human specialist support at all decision points.

4. Modern

Clean digital tools that reduce customer effort and preserve project context.

5. Practical

Every interaction moves the customer toward a concrete decision or validated step.

Color Palette

3. Color System (Architectural Precision)

Three governing brand colors paired with a functional monochrome scale, rigorously tested for WCAG 2.2 AA contrast compliance.

Accent

#A6402D

Role: Brand mark, single primary action per decision area, and controlled emphasis.

Contrast (White): 6.19:1 (Passes WCAG AA)

Tertiary

#173F36

Role: Structural headers, footers, secondary controls, and adviser bands.

Contrast (White): 11.66:1 (Passes WCAG AAA)

Surface

#FBF8F1

Role: Warm primary canvas and page background.

Contrast (Graphite): 13.97:1 (Passes WCAG AAA)

Functional Neutrals & System States

Graphite (#25282B) Primary reading text and technical specifications.
Success (#1E6B4F) Confirmed state and verified specs.
Warning (#8A5A00) Needs measurement or customer confirmation.
Danger (#B42318) Errors, out of stock, or destructive actions.
Typography Scale

4. Space Grotesk Type System

Space Grotesk is self-hosted in WOFF2 format across weights 300, 400, 500, 600, and 700 with zero third-party font dependencies at runtime.

type.display • clamp(2.5rem, 5vw, 4.5rem) • Weight 700

Build and finish with understanding

type.h1 • clamp(2.25rem, 4vw, 3.5rem) • Weight 700

Architectural Precision Lighting & Tiles

type.h2 • clamp(1.75rem, 3vw, 2.5rem) • Weight 700

Choose Materials for Verified Reasons

type.h3 • 1.5rem • Weight 600

Architectural Living Room Chandelier

type.h4 • 1.125rem • Weight 600

Dimensions & Technical Installation Specs

type.lead • 1.25rem • Weight 400

Mosi evaluates your room dimensions first, then calculates the exact required lumen output for comfortable ambient lighting.

type.body • 1rem • Weight 400

Every tile is specified with precise millimeter dimensions and slip resistance ratings for wet areas. All pricing and box quantities are verified.

Tabular Numerals (Commercial Figures & Quantity Counters)

TZS 1,450,000.00 • 45 Boxes • Total Area: 72.5 m² • Valid: 2026-09-27

Spacing & Shape

5. Spacing Rhythm & Radius Tokens

Spacing is governed by a strict 4px base grid. Control and surface radii are disciplined to preserve architectural clarity.

Spacing Tokens (4px Base Grid)

TokenComputedIntended Use
--space-14px (0.25rem)Micro gaps inside status chips
--space-28px (0.5rem)Icon control gap
--space-416px (1.0rem)Mobile gutter & card interior padding
--space-624px (1.5rem)Standard layout grid gap
--space-832px (2.0rem)Section sub-group rhythm
--space-1664px (4.0rem)Mobile section vertical space
--space-2496px (6.0rem)Desktop section vertical space

Shape & Radius Tokens

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
Component Gallery

6. Component Adoptions & States

Buttons & Human Adviser Handoff

support_agent Talk to an Adviser

Status Chips (Explicit Wording + Icon)

check_circle Confirmed warning Needs confirmation cancel Unavailable hourglass_empty Awaiting adviser
SKU: EZ-TL-882 Stock: In Stock

Ivory Matte Porcelain Floor Tile (600×600 mm)

Dimensions: 60×60 cm • Thickness: 10 mm • Coverage: 1.44 m²/box

Price per Box

TZS 48,000

1. Mosi Recommendation auto_awesome

Living Room Package: 2 Warm LED Fixtures + 40 m² Matte Tiles

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.

5. Alternative: Wall sconce pairing