Process.

Every template in the library began with a specific client scenario, not a mood board. Before a single layout decision is made, we define the buyer's context: who is presenting, to whom, in what setting, and with what evidence. A PropTech founder presenting to a sovereign wealth fund is a fundamentally different communication problem than a boutique hotel presenting to a wedding couple — even if the page count is identical.

This brief-first approach is why our templates do not look interchangeable. The grid decisions, the type scale, the amount of whitespace — each is a specific answer to a specific question.

We work exclusively with a 12-column grid at 1440px, scaled proportionally to 768px and 375px. The column count is not arbitrary — 12 divides cleanly into 2, 3, 4, and 6, which covers every compositional need in our verticals without ever requiring fractional columns.

Optical alignment is applied on top of the mathematical grid. Elements that sit at the grid edge are nudged inward by 1–2px when the visual weight of the content demands it. This is not a deviation from the system — it is the system working correctly. Precision is perceptual, not arithmetic.

Each template uses a two-typeface system: one editorial serif for display use only, one geometric grotesque for all body and UI text. They are never mixed within a single typographic role. The serif carries the feeling; the grotesque carries the information.

Type sizes are set on a modular scale derived from the golden ratio, applied to the base body size. Headlines are never sized arbitrarily — they occupy a specific step on the scale and that step is chosen to create a legible hierarchy at the most common viewport size for the template's target audience. For GCC-market templates, that viewport is 1280px on a high-DPI screen. For mobile-first hospitality templates, it is 390px.

Our palette is a discipline, not a choice. Every template operates on a warm neutral surface range — four stops from near-white to near-black — with a single accent colour — a warm architectural stone gray chosen for its silence. It does not announce itself. It marks. It does not decorate. The same gray reads correctly on every surface in the system.

The accent appears once per viewport, maximum. It marks the active state, the primary CTA, or the single decorative rule in the footer. Everywhere else, the surface tones and the type hierarchy carry the composition. This restraint is the work. It is not a limitation — it is the thing that makes the template feel like a considered product rather than a designed artefact.

Arabic-ready templates in this library are not mirrored versions of their Latin counterparts. They are redesigned within the same grid system, using a typeface selected specifically for its Arabic character — not its Latin character with Arabic Unicode support bolted on.

The directional shift from LTR to RTL changes the visual weight distribution of every layout. What reads as left-anchored and stable in Latin reads as right-anchored and equally stable in Arabic — but only if the composition was designed for that direction from the beginning, not retrofitted. We do not retrofit. We redesign.