Flow Hotels · Brand System

FlowSystem

Everything that makes the site look like the site — the logos, the color, the type, the pieces — in one place you can lift from.

v1 · draft · built from flowhotels.mx · not public

01 · The marks

Logos

The W monogram and the five logotypes. Click SVG to copy the vector; use the small links to download black, white and with‑W versions.

02 · The palette

Color

Click any swatch to copy its hex. Two families: the Frame holds the page together; the Street is lifted from CDMX photos and lives in objects and light — never in the type or the layout.

↓ tokens.css

The Frame structure · cream, wood, ink, gold

The Street sampled from the city · lives in the photos

03 · Type

Type

Two typefaces. Google Sans Flex is the brand — the lockup, the headlines, anything meant to look like Flow (the trick is the weight: Flow heavy, the place‑word light). Space Mono is the proof — prices, hours, addresses, dates. Everything brand is tracked −3%.

Make textType below, pick a weight, download a PNG to drop into anything.
FlowCondesa

↓ Google Sans Flex ↓ Space Mono

Google Sans Flex— the brand · lockup, headlines, UI
FlowCondesa
200 ExtraLight300 Light400500700 Bold

The value is the weight axis: Flow set Bold 700, the place‑word ExtraLight 200, solid, no space. Variable 1–1000.

Space Mono— the proof · prices, hours, addresses, dates
$2,480 MXN · 15:00 → 12:00 · 19.412, −99.171

Monospace says "this is data, verify it." 400 and 700.

04 · Grab and use

Templates

Finished, on‑brand things you open, edit and send — not pictures of them. Each opens in a new tab.

Copied