Real-estate advisory brand system

A commercial real-estate advisory firm. The job: take a brand that existed only inside a Figma file, turn it into a system anyone can build with, then use that system to produce a prospectus and a brochure for one office property.

A Figma file that held the brand as a self-documented board, in sections 01 to 08. No exported tokens and no style guide. The brand already had one rule worth keeping: rents and terms come from the firm's internal data export, never from a marketing brochure.

Decode the file instead of eyeballing it. A Figma file is an archive whose scene data sits in a binary format. Reading that format directly gave 776 nodes and 236 text layers, in order. Every token came from the designer's own labels, then a usage audit checked how each value was really used: 29 colour entries, 53 type entries, 3 fonts. Two rules were kept as found: no rounded corners anywhere, and a warm paper background, because pure white pages look off-brand.

Then one brand guide that does not depend on the medium and has 11 sections. Every document starts from one master HTML file, the PDF is rendered from it, and every page is rasterised and looked at before it ships. The editorial rules are written down: French by default, an institutional tone, never invent, write "Non communiqué" where the source is silent, mark every document as non-contractual.

A token set in four forms: CSS variables, JSON, a rendered style guide and the usage audit. A colour system of 9 named roles and a spacing scale on an 8px grid, from 8px to 320px in 14 steps. A finished prospectus of 9 A4 pages, in PDF, HTML and Word. I have no record of client feedback on the documents.

Not recorded. The guide is a production recipe anyone can rerun.

Time saved: not measured.

• Design system: style guide, tokens in CSS and JSON, usage audit
• All 236 text layers as plain text
• Brand and production guide
• Property prospectus in PDF, HTML and Word
• Brochure PDFs
• Logo as SVG