Design System

This document defines the visual language used across all Hauzzi communications — from the institutional brochure to proposals, pitch decks, and client-facing materials.

Every element here — color, type, spacing, imagery — comes directly from the Hauzzi brochure and should be reused without modification across all brand touchpoints.

The Hauzzi palette is built on two neutrals — a deep ink and a warm cream — balanced by a single gold accent. Restraint is the rule: never mix more than three tones on one page.

Primary — Neutrals

Secondary — Text & Dividers

Accent — Gold

The entire Hauzzi identity runs on a single typeface: Sanchez. One slab serif, used for both titles and body — no secondary font. This restraint is what gives the brochure its editorial consistency.

Type Scale — Brochure Reference

Spacing follows an 8-pixel base. Use the scale below consistently for margins, padding, and gaps. Generous whitespace is essential — when in doubt, add more.

Photographs are always presented full-bleed inside sharp rectangular frames. Never round corners, add borders, or apply filters beyond light color grading.

Approved Ratios

Treatment Rules

• — Sharp edges only. Zero border-radius.
• — Natural lighting, warm tones. Avoid cool blue casts.
• — Show context: space, proportion, human scale.
• — No text overlays on photos.
• — Minimum resolution: 2000px on the longest side.

The brochure uses four recurring compositions. Rotate between them to create rhythm across a deck without breaking the grid.

The Hauzzi wordmark has two primary versions — black for light backgrounds and white for dark. The ZZ monogram is used as a discreet corner signature on every page.

Wordmark

Primary — On Light

Reversed — On Dark

Clear Space Maintain minimum padding equal to the height of the “H” on all sides. Never stretch, rotate, or recolor the mark.

Monogram — ZZ

Page Signature

On Dark

Placement Bottom-left or bottom-right of every page at 35% opacity, aligned to the page padding (96px).