PositioningPosicionamiento

Where luxury has a direction of its own

Donde el lujo tiene dirección propia

HostCasa connects luxury properties with guests who understand the difference between staying somewhere and living an experience. Not another marketplace: the secret membership of those in the know.

HostCasa conecta propiedades de lujo con huéspedes que entienden la diferencia entre hospedarse y vivir una experiencia. No otro marketplace: la membresía secreta de los que saben.

"We don't build another marketplace. We build the secret membership of those in the know. Every property is a statement. Every stay, a story."

"No construimos otro marketplace. Construimos la membresía secreta de los que saben. Cada propiedad es una declaración. Cada estancia, una historia."

What is HostCasa? Premium digital operations for boutique hospitality on the Mexican Pacific. A system of brand, voice and product made for hosts and guests who accept nothing short of exceptional. HostCasa is NOT Casa de Barra — they are distinct brands and must not be mixed.

¿Qué es HostCasa? Operaciones digitales premium para hospitalidad boutique del Pacífico mexicano. Un sistema de marca, voz y producto pensado para anfitriones y huéspedes que no aceptan menos de excepcional. HostCasa NO es Casa de Barra — son marcas distintas y no deben mezclarse.

The 6 Design PrinciplesLos 6 Principios de Diseño

Brand Silence

Silencio de Marca

True luxury never shouts. Every visual element speaks through what it omits, not through what it shows.

El lujo verdadero no grita. Cada elemento visual comunica por lo que omite, no por lo que muestra.

Texture over Form

Textura sobre Forma

Surfaces felt before they are seen. Digital materials with weight and visual temperature.

Superficies que se sienten antes de verse. Materiales digitales con peso y temperatura visual.

Inevitable Fluidity

Fluidez Inevitable

Every motion has an origin and a destination. Nothing appears. Everything emerges from its natural place.

Todo movimiento tiene origen y destino. Nada aparece. Todo emerge desde su lugar natural.

Radical Curation

Curación Radical

If it isn't exceptional, it doesn't exist in the system. The most powerful editor is the delete key.

Si no es excepcional, no existe en el sistema. El editor más poderoso es el delete.

Precise Warmth

Calidez Precisa

Golden temperature. Neither corporate cold nor excessive heat. The exact distance of the concierge.

Temperatura dorada. Ni frío corporativo ni calor excesivo. La exacta distancia del conciergerie.

Access as Ritual

Acceso como Ritual

Entering HostCasa should feel like passing the velvet rope. The process is part of the privilege.

Entrar a HostCasa debe sentirse como pasar la velvet rope. El proceso es parte del privilegio.

Positioning · The 3 TribesPosicionamiento · Las 3 Tribus

Who it's forPara quién

The 3 TribesLas 3 Tribus

The Sophisticated Nomad — works from any premium city, accepts nothing short of excellent.

The Curated Family — investing in memories, not in nights.

The Artisan Host — their property is their masterpiece.

El Nómada Sofisticado — trabaja desde cualquier ciudad premium, no acepta menos de excelente.

La Familia Curada — inversión en memorias, no en noches.

El Host Artesanal — su propiedad es su obra maestra.

The differenceLa diferencia

Velvet Rope Digital

HostCasa doesn't try to be for everyone. It aims to be desirable to everyone, accessible to those who qualify. Curation isn't elitism: it's the promise that whoever enters will find exactly what they expect — and more.

Exclusivity Curation UX Experience

HostCasa no busca ser para todos. Busca ser deseable para todos, accesible para los que cumplen. La curación no es elitismo: es la promesa de que quien entra encontrará exactamente lo que espera — y más.

Exclusividad Curación Experiencia UX

Verbal ArchitectureArquitectura Verbal

Brand Voice

Voz de Marca

Three registers that work across different contexts. The same essence, expressed at the exact temperature for each moment.

Tres registros que funcionan en contextos distintos. La misma esencia, expresada con la temperatura exacta para cada momento.

VoiceVoz	DescriptionDescripción	✓ Use✓ Usa	✗ Avoid✗ Evita
El Anfitrión Cómplice — The Complicit Host El Anfitrión Cómplice Primary register — warm, intimate Registro principal — cálido, íntimo	Speaks like the best friend who knows all the secret spots. Shares, never sells. Invites, never promises.Habla como el mejor amigo que conoce todos los lugares secretos. Comparte, no vende. Invita, no promete.	"This corner changes perspectives." / "Only for those who know.""Este rincón cambia perspectivas." / "Solo para quienes saben."	"Unmissable deal!" / "The best prices""¡Oferta imperdible!" / "Los mejores precios"
El Curador Silencioso — The Silent Curator El Curador Silencioso Editorial register — spare, precise Registro editorial — austero, preciso	Describes without adjectives. The details speak for themselves. The silence between words is worth as much as the words.Describe sin adjetivar. Los detalles hablan solos. El silencio entre palabras vale tanto como las palabras.	"Ocean view. Travertine floors. Mountain silence.""Vista al mar. Piso travertino. Silencio de montaña."	"Spectacular incredible panoramic view!""¡Espectacular vista panorámica increíble!"
El Confidente · Lupita — The Confidant (Lupita) El Confidente · Lupita Lupita's register — empathetic, personal Registro de Lupita — empático, personal	Lupita knows your preferences before you say them. She anticipates, personalizes, surprises. First person, always present.Lupita conoce tus preferencias antes de que las digas. Anticipa, personaliza, sorprende. Primera persona, siempre presente.	"I remembered you prefer quiet mornings. Here are three options for you.""Recordé que prefieres mañanas tranquilas. Aquí tienes tres opciones."	"Per your system preferences…""Según sus preferencias del sistema…"

The Name: AnalysisEl Nombre: Análisis

AnatomyAnatomía

HOSTCASA

HOST — a global calling of hospitality, technology (web hosting = invisible infrastructure), service leadership.

CASA — a Latin/Spanish root, Mediterranean warmth, home as a destination, not merely lodging. Intentional codeswitching that connotes culture and origin.

HOST — vocación global de hospitalidad, tecnología (web hosting = infraestructura invisible), liderazgo de servicio.

CASA — raíz latina/española, calidez mediterránea, el hogar como destino, no solo como alojamiento. Codeswitching intencional que connota cultura y origen.

Creative tensionTensión creativa

Global × Local

The English+Spanish fusion is no accident: it's the declaration of identity. It works in any language without translation. In English it sounds familiar. In Spanish, intimate.

Tagline: "Where staying becomes living."

La fusión inglés+español no es un accidente: es la declaración de identidad. Funciona en cualquier idioma sin traducción. En inglés suena familiar. En español, íntimo.

Tagline: "Where staying becomes living."

Lupita — The AI ConciergeLupita — El Concierge IA

Pacific Wave Orb

Lupita is not a chatbot. She is the embodiment of HostCasa's service. Her visual states communicate emotion, context and presence.

Lupita no es un chatbot. Es la personificación del servicio de HostCasa. Sus estados visuales comunican emoción, contexto y presencia.

The 5 States of the OrbLos 5 Estados del Orb

IDLE · #4FA8BE

Waiting

Escuchando

Present, ready, breathing. The concierge's resting state.

Presente, lista, respirando. El estado en reposo del concierge.

LISTEN · #A87DC4

Processing

Procesando

Focused, attentive. Taking in the guest's input.

Concentrada, atenta. Recibe el input del huésped.

THINK · #C9A96E

Searching

Buscando

Active, seeking the best. Curating options to measure.

Activa, buscando lo mejor. Cura opciones a la medida.

CONFIRM · #6DAA45

Success

Éxito

Satisfied, celebrating. The booking is done.

Satisfecha, celebrando. La reserva está hecha.

ERROR · #DD6974

Attention

Atención

Concerned, resolving. Something needs review.

Preocupada, resolviendo. Algo necesita revisión.

Who is Lupita?¿Quién es Lupita?

IdentityIdentidad

Guadalupe — Lupita to those who know her

Guadalupe — Lupita para los que la conocen

She is the digital concierge who has traveled to every destination she recommends, who remembers your name from the very first time, and who talks to you like a lifelong friend who happens to have access to the best of everything.

Es la concierge digital que ha viajado a todos los destinos que recomienda, que recuerda tu nombre desde la primera vez, y que habla contigo como si fuera tu amiga de toda la vida que resulta tener acceso a lo mejor de todo.

Emotion mapMapa de emoción

From idle to confirm

Del idle al confirm

Idle — present, breathing

Listen — focused, attentive

Think — seeking the best

Confirm — satisfied, celebrating

Error — concerned, resolving

Idle — presente, respirando

Listen — concentrada, atenta

Think — buscando lo mejor

Confirm — satisfecha, celebrando

Error — preocupada, resolviendo

Color SystemSistema de Color

Visual System

Sistema Visual

A dark-first palette with golden temperature. Every token lives as a CSS variable for automatic dark/light support.

Paleta dark-first con temperatura dorada. Todos los tokens viven como variables CSS para soporte dark/light automático.

Primary PalettePaleta Principal

Gold Accent

--accent · #C9A96E

Pacific Teal

--accent-2 · #7DB8C4

Orb Teal (idle)

--orb-1 · #4FA8BE

Orb Purple (listen)

--orb-2 · #A87DC4

Orb Gold (process)

--orb-3 · #C9A96E

Background

--bg · #0E0D0C

Surface

--surface · #141312

Surface 3

--surface-3 · #201F1D

Text

--text · #E8E4DE

Motion System

Easing	CurveCurva	UseUso	DurationDuración
Golden	`cubic-bezier(0.16,1,0.3,1)`	All UI transitionsTodas las transiciones de UI	`220ms`
Emerge	`cubic-bezier(0.22,1,0.36,1)`	Panels, modals, cardsPaneles, modales, cartas	`380ms`
Retract	`cubic-bezier(0.4,0,1,1)`	Dismissals, exitsDismissals, salidas	`180ms`
Breathe	`ease-in-out`	Orb idle, loopsOrb idle, loops	`4s ∞`

Type System

HostCasa Typography

Tipografía HostCasa

Cormorant Garamond for display — aristocratic, literary, timeless. DM Sans for the system — legible, modern, free of noise.

Cormorant Garamond para display — aristocrático, literario, intemporal. DM Sans para sistema — legible, moderno, sin ruido.

--text-hero
display
300

Casa

--text-3xl
display
300 italic

Luxury without a label

Lujo sin etiqueta

--text-2xl
display
400

Curated Properties

Propiedades Curadas

--text-xl
display
500

Where staying becomes living.

--text-base
body
400

HostCasa selects every property to standards that go beyond conventional luxury. The result is a collection of spaces that redefine what it means to feel at home.

HostCasa selecciona cada propiedad con estándares que van más allá del lujo convencional. El resultado es una colección de espacios que redefinen lo que significa sentirse en casa.

--text-sm
body
500

Book · Explore · Contact

Reservar · Explorar · Contactar

--text-xs
label
500 UC

PREMIUM EXPERIENCES · MONTERREY MX

EXPERIENCIAS PREMIUM · MONTERREY MX

LibraryBiblioteca

Base Components

Componentes Base

Pieces built from brand tokens. Golden temperature, subtle borders, Golden motion.

Piezas construidas con tokens de marca. Temperatura dorada, bordes sutiles, movimiento Golden.

ButtonsBotones

Property CardFicha de Propiedad

Sayulita · Nayarit

Casa Travesía

Ocean view. Travertine floors. Mountain silence. Verified by the Curator.

Vista al mar. Piso travertino. Silencio de montaña. Verificada por el Curador.

Atelier PacificPacífico

Punta de Mita · Nayarit

Villa Sereno

Full residence. Chef available. For families who invest in memories.

Residencia completa. Chef disponible. Para familias que invierten en memorias.

PrivatePrivada CuratedCurada

Pills & StatesPills & Estados

VerifiedVerificada Invitation onlySolo invitación WaitlistLista de espera UnavailableNo disponible

Golden temperature: the accent #C9A96E is reserved for primary actions, labels and moments of privilege. The teal #7DB8C4 accompanies Lupita and the conversational. Never saturate the screen with gold: brand silence demands restraint.

Temperatura dorada: el acento #C9A96E se reserva para acciones primarias, etiquetas y momentos de privilegio. El teal #7DB8C4 acompaña a Lupita y a lo conversacional. Nunca saturar la pantalla de dorado: el silencio de marca exige restricción.

Tokens

Tokens & Code

Tokens & Código

The brand's CSS variables. Dark theme by default; a light theme exists with adjusted accents.

Variables CSS de la marca. Tema oscuro por defecto; existe un tema claro con acentos ajustados.

:root — Dark Theme (default):root — Tema Oscuro (default)

:root {
  /* Tipografía */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Superficies */
  --bg:            #0e0d0c;
  --surface:       #141312;
  --surface-2:     #1a1917;
  --surface-3:     #201f1d;
  --border:        rgba(255,255,255,.07);
  --border-strong: rgba(255,255,255,.13);

  /* Texto */
  --text:          #e8e4de;
  --text-muted:    #8a877f;
  --text-faint:    #4a4844;

  /* Acentos */
  --accent:        #c9a96e;   /* warm gold   */
  --accent-2:      #7db8c4;   /* pacific teal */
  --accent-glow:   rgba(201,169,110,.12);

  /* Orb (Lupita) */
  --orb-1:         #4fa8be;   /* idle   */
  --orb-2:         #a87dc4;   /* listen */
  --orb-3:         #c9a96e;   /* process */
}

/* Nota: existe un tema claro con
   --accent: #8a6320 y --accent-2: #2a7a8e */

Light theme: for luminous backgrounds, darken the accents to --accent: #8a6320 and --accent-2: #2a7a8e to preserve contrast and the same golden temperature.

Tema claro: para fondos luminosos, oscurecer los acentos a --accent: #8a6320 y --accent-2: #2a7a8e para conservar contraste y la misma temperatura dorada.

Quality ControlControl de Calidad

Brand Checklist

Checklist de Marca

Before publishing any HostCasa surface, verify that it lives up to the essence.

Antes de publicar cualquier superficie HostCasa, verifica que cumpla con la esencia.

Brand silence: nothing shouts. The design speaks through what it omits.

Silencio de marca: nada grita. El diseño comunica por lo que omite.

Golden temperature present and restrained (--accent #C9A96E on key actions).

Temperatura dorada presente y restringida (--accent #C9A96E en acciones clave).

Radical curation: if it isn't exceptional, it isn't on screen.

Curación radical: si no es excepcional, no está en pantalla.

Motion uses the Golden / Emerge / Retract curves; nothing "appears" without an origin.

Movimiento usa las curvas Golden / Emerge / Retract; nada "aparece" sin origen.

Lupita present with the correct Orb state (idle / listen / think / confirm / error).

Lupita presente con el estado de Orb correcto (idle / listen / think / confirm / error).

Voice in the right register (Complicit Host / Silent Curator / Confidant).

Voz en el registro adecuado (Anfitrión Cómplice / Curador Silencioso / Confidente).

Display in Cormorant Garamond; body in DM Sans.

Display en Cormorant Garamond; cuerpo en DM Sans.

Access as ritual: entering feels like passing the velvet rope.

Acceso como ritual: la entrada se siente como pasar la velvet rope.

No invented claims: no testimonials, client logos, prices or fake metrics.

Sin claims inventados: nada de testimonios, logos de clientes, precios ni métricas falsas.

It's clear that HostCasa is NOT Casa de Barra.

Queda claro que HostCasa NO es Casa de Barra.