Components

Advisor and member identity. Falls back to initials when no photo is available.

Sizes

VOVOVOVO

With photo · rounded square

DM

In context

VO

Valeria Ortiz

Asesora senior · Polanco

Three registers in one component: frosted status pills over photography, editorial typographic labels, and solid vertical chips.

Primary is an outlined Charcoal button that fills on hover — the conversion action. Ghost is the secondary text action. Nolab Blue is never a button fill.

The neutral surface every composed panel sits on. Set interactive when the whole card is a link target.

Full-bleed photography with a frosted location label. Used in destination grids on the home page.

Madrid, España

Tulum, Quintana Roo

Polanco, Ciudad de México

The tracked uppercase eyebrow above headlines and section titles. Accent tone tints it Nolab Blue.

Thin-stroke line icons from the Lucide set. Inherits currentColor and never appears filled.

A square or circular control carrying a single icon. Always give it an accessible name.

Text field with an optional label, leading icon and hint. Focus draws the Nolab Blue ring.

The portrait listing card for grids: photo, status, name, specs and price. The heart only renders when a save handler is supplied.

Just Listed

Casa Jacaranda.

$35,750,000 MXN

4 Recs.4 Baños420 m²

Polanco, Miguel Hidalgo, CDMX

Exclusiva

Casa Sisal.

$1,480,000 USD

3 Recs.3 Baños310 m²

Aldea Zamá, Tulum, Quintana Roo

Preventa

Ático Gran Vía.

$1,950,000 EUR

2 Hab.2 Baños168 m²

Centro, Madrid, España

The landscape listing row for search results, with room for an editorial blurb.

Luxury

Casa Sisal.

$1,480,000 USD

Frente de playa con alberca infinita, palapa y acceso privado a la arena.

3 Recs.3 Baños310 m²

Aldea Zamá, Tulum, Quintana Roo

En venta

Casa Jacaranda.

$35,750,000 MXN

4 Recs.4 Baños420 m²

Polanco, Miguel Hidalgo, CDMX

Native select styled to match Input, for short well-known option sets such as operation type or bedroom count.

Frosted pill for state and location over photography. The dot carries the semantics; the text stays neutral.

Tones with dot

Just ListedExclusivaLuxuryPreventaEn ventaDisponible

Sizes

hace 2 díasDisponiblePolanco

Over photography

LuxuryTulum

Underlined section switch for a property detail or dashboard. Controlled or uncontrolled.

A filter token the user can select or remove. Selected tags fill with ink.

Marks which Nolab business line a listing belongs to. One solid color per line, never mixed with status tones.