The system in one sentence
One family, Geist, sets every word of Interzo, and its monospaced companion, Geist Mono, labels things. Hierarchy comes from size, weight and color, never from a second display face.
The family
Geist is an open-source sans serif by the Geist Project Authors, published by Vercel under the SIL Open Font License 1.1. It is a variable font with a continuous weight range from 100 to 900, and it comes with Geist Mono, its monospaced companion family.
Its letters are built from even strokes, round bowls and flat, horizontal terminals, with a generous x-height. Set large with tight tracking, it reads firm and composed; set small and light, it stays open and easy on the eye.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ¿?¡! áéíóúñ $ % @
Where your recovery finds a place.
Where your recovery finds a place.
Where your recovery finds a place.
RECOVERY STAYS BY CITY · MEDELLÍN · CALI · HOUSTON
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
It fits Interzo for three reasons:
- Calm clarity. People planning a medical trip read a lot of detail: dates, prices, houses, services. Geist stays plain and legible at every size, and its Light weight keeps long passages quiet.
- One voice, every size. The weight range covers a hero headline and a form hint without changing family, so the brand sounds the same on every page.
- Kinship with the logo. The wordmark is lowercase, with even strokes and round bowls. Geist Semibold shares that construction, so headlines and logo sit together without friction.
Typographic philosophy
Interzo uses three weights and no more. Light 300 for reading, Regular 400 for interface, Semibold 600 for headlines. The contrast between Light text and Semibold titles builds hierarchy on its own, without bold paragraphs, underlines or decorative capitals.
Color does the rest. Headlines and body are espresso; leads step back to espresso soft; labels and captions drop to stone. A single accent word in cognac gives a headline its emphasis.
Hierarchy
Each role below is rendered with the website’s own type settings. Display sizes are fluid: they grow continuously with the screen, from phone to wide desktop, and the section and subsection titles are calculated from the display size so the hero is always the largest line on the page. The exact scale and its breakpoints live in the operational design system; this page documents roles and proportions.
Where your recovery finds a place.
Explore procedures and treatments.
Health and service providers
Choose your destination
Find your recovery stay in four simple steps.
Meet Interzo, the platform that connects you with verified recovery houses and independent service providers, helping you find, compare, and book the stay that fits your needs.
Plastic surgery
Casa Ceiba Recovery
Fields marked * are required. Please do not include medical information.
Headlines are tightly set: line height a little under the type size, tracking pulled in as the size grows. Reading text goes the other way: Light weight, comfortable leading and lines kept to a readable measure.
Geist Mono
Geist Mono has one job: labels. It sets categories, statuses, tags and the small line that names a section, always in uppercase, at a small size, in Regular 400 with open tracking. Stone is the default color; cognac marks a category, such as the procedure on a testimonial.
It never sets sentences, body copy or headlines. Its value comes from being rare: when a line is in mono, the reader knows it is a label and not part of the conversation.
Writing headlines
Sentence case. Headlines are written as sentences: a capital at the start, lowercase after, except for proper nouns. Never all caps, never title case.
A period at the end. Display headlines are short statements and usually close with a period: Where your recovery finds a place. Functional headings, such as a results list, go without one.
One accent. One word or short phrase per headline can take the accent color: cognac on light backgrounds, sand on espresso. It marks the word that carries the idea, such as treatments in “Explore procedures and treatments.” In the copy, the accent is written between asterisks, and the site draws it automatically.
Balanced lines. Multi-line headlines are balanced so the lines have similar lengths, and they are broken by meaning, not by the edge of the box.
Do and don’t
How it works.
HOW IT WORKS
Questions, answered.
Questions, answered.
Find your recovery stay in four simple steps.
Find your recovery stay in four simple steps.
Plastic surgery
Choose your check-in and check-out dates, and let us know how many patients and companions will be staying.
Usage rules
- Use only Light 300, Regular 400 and Semibold 600 of Geist, and Regular 400 of Geist Mono.
- Never set body copy in Semibold, and never set headlines in Light.
- Keep the accent to one word or short phrase per headline, in cognac or, on espresso, in sand. Garnet is reserved for action and never colors type for emphasis.
- Labels in Geist Mono stay short: a category, a status, a place. If it needs a verb, it is not a label.
- Install Geist and Geist Mono wherever the brand is produced, including presentations and documents. Only where installing fonts is impossible, fall back to the system sans serif of the platform.
The download above contains the web fonts used by this hub and the full license. For desktop design and office applications, install the OTF or TTF files published by the Geist Project Authors at github.com/vercel/geist-font.