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

One typeface. Google Sans Flex, tracked −3%, everywhere. The hierarchy is all size and weight — Flow heavy, the place-word light. No second font, no wide letter-spacing.

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

↓ Google Sans Flex

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.

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