DocumentoLogotipo y Sistema de DiseñoVersión3.0SectorHospitalidad Boutique
48.4284° N 123.3656° W PACIFIC COAST
01 — Historia
01
De dónde viene la marca
HostCasa empezó con una sola cabaña curtida sobre una cala tranquila de la costa del Pacífico — una casa que la gente seguía pidiendo para quedarse mucho después de terminada la temporada. Lo que la hacía funcionar nunca fue el edificio. Era la bienvenida: una luz encendida, una cama hecha y la pequeña magia operativa que hace que un desconocido se sienta esperado.
La marca creció desde esa única puerta abierta hasta convertirse en una forma de operar estancias boutique — casas, no hoteles — donde hospedar se trata como un oficio y la trastienda funciona tan bien que el huésped solo percibe la calma. La marca contiene las dos mitades de esa promesa: un pico con una luz guía, posado sobre un agua firme que nunca deja de moverse — un faro costero que se lee de un vistazo.
El dorado sobre azul medianoche es la costa de noche — la luz de una lámpara sobre el agua oscura. Debe sentirse cuidado, cálido y discretamente lujoso, como se siente una gran estancia antes de poder explicar por qué.
“Una luz guía sobre agua en calma — refugio, bienvenida y el trabajo que permanece invisible.”
La cala
Una cabaña sobre la línea de marea se vuelve la referencia de todo lo que sigue.
La luz
Una luz guía en el pico se vuelve el corazón de la marca — hospitalidad, hecha visible.
El sistema
El hospedaje se formaliza en una operación repetible e impecable a través de varias casas.
El trazo
Una sola línea fina grabada unifica logo, íconos y señalética — sereno, preciso, costero.
Hoy
Estancias cuidadas, elevadas. Una sola marca, de la tarjeta de habitación a la costa.
02 — El Logotipo
02
Un pico, una luz, agua en calma
Un medallón costero: un pico a dos aguas coronado por una pequeña luz guía, posado sobre dos mareas — una cian y una dorada — dentro de un fino anillo dorado. Cálido, preciso y discretamente premium: una sensación grabada que aguanta desde el relieve de una tarjeta hasta una valla publicitaria.
HOSTCASA
Hospitality, Elevated.
Firma principal
Marca / símbolo
03 — Variaciones
03
Una marca, todos los contextos
La firma apilada es la opción por defecto. Horizontal para encabezados ajustados; solo la marca cuando el espacio escasea; invertida/mono sobre color o en impresión a una tinta.
HOSTCASA
Hospitality, Elevated.
Apilada · principal
HOSTCASA
Hospitality, Elevated.
Horizontal
Solo marca
HOSTCASA
Hospitality, Elevated.
Fondo claro · tinta azul
HOSTCASA
Hospitality, Elevated.
Invertida sobre dorado
HOSTCASA
Hospitality, Elevated.
Mono · una tinta
04 — Construcción
04
Área de respeto y tamaños
Construida sobre una línea fina uniforme con terminales redondeados en una retícula de 100 unidades. Dale espacio para respirar.
Área de respetoMargen en todos los lados ≥ la altura del pico (marco punteado).
Mínimo — digitalMarca 16 px · firma completa 96 px de ancho.
Mínimo — impresoMarca 9 mm · firma completa 28 mm de ancho.
TrazoGrosor uniforme, extremos y uniones redondeados. Nunca contornear ni variar el grosor.
AlineaciónLogotipo centrado ópticamente bajo la marca; eslogan interletrado al ancho del logotipo.
Punto de corteCambia en 40 px. Igual o mayor → marca completa; menor → simplificada.
Completa ≥ 40pxHero, lockups, señalética, ícono de app (180/512), favicons de 48 px+.
Simplificada < 40pxFavicon 16 / 32, pestaña del navegador, distintivos pequeños de UI. Una ola dorada, sin punto de luz, trazo +20% para un render limpio.
Ola cianSe usa solo en la marca completa sobre fondos oscuros/neutros; colapsa a una tinta en mono.
05 — Uso indebido
05
Protege la marca
✓
Correcto · dorado sobre azul
✕
No estirar ni deformar
✕
No recolorear fuera de paleta
✕
No rotar ni inclinar
✕
No usar sobre medios tonos recargados
✕
No añadir sombras ni efectos
06 — Color
06
Paleta
El azul medianoche sostiene la marca; el dorado costero es el acento y la tinta de firma; la crema sal marina define la tipografía y el espacio limpio. Haz clic en una muestra para copiar su hex.
clic para copiar
Azul Medianoche
#0B1C30 · rgb(11,28,48)
clic para copiar
Dorado Costero
#C9A24B · rgb(201,162,75)
clic para copiar
Crema Sal Marina
#ECE6D8 · rgb(236,230,216)
clic para copiar
Azul Puerto
#12283F · superficie
clic para copiar
Dorado Claro
#D9B871 · hover / detalle
clic para copiar
Azul Marea
#79AFDC · acento agua
clic para copiar
Marea Profunda
#07131F · más oscuro
Balance sugerido
Azul 72 · Crema 18 · Dorado 10
07 — Tipografía
07
Sistema tipográfico
Logotipo
HOSTCASA
Serif clásica de alto contraste · mayúsculas · interletrado +200. En vivo: Cormorant Garamond. Equivalente con licencia: Trajan Pro / Didot.
El texto corrido para descripciones, confirmaciones e interfaz se mantiene en una sans geométrica y serena. JOST LIGHT · 16 / 1.6 · CUERPO
Etiquetas y rótulos JOST · 11 · TRACKING +280
08 — Familia de íconos
08
El trazo, extendido
Un pequeño set de íconos dibujado en el mismo lenguaje de línea fina que la marca — grosor uniforme, terminales redondeados — para que señalética, amenidades e interfaz se sientan cortados de la misma tela que la casa.
Llave
Estancia
Costa
Brújula
Ancla
Puerta
09 — Ícono de app y favicon
09
Espacios pequeños
La marca se asienta en una placa azul redondeada para leerse en una pestaña del navegador o en la pantalla de inicio. Según la regla responsiva, las placas por debajo de 40 px usan la marca simplificada (una ola, sin luz, trazo +20%); de 48 px en adelante usan el emblema completo.
96
64
48
32
16
HostCasa — Hospitality, Elevated.
10 — En uso
10
El sistema, aplicado
La casa está hecha para usarse — en pantallas, en puertas y en la mano. Algunos puntos de contacto a lo largo del recorrido del huésped.
Bajo el faro costero late una historia. HostCasa no nació de un edificio, sino de una manera de recibir — y esa manera tiene nombre: Marina.
Marina es de Chiapas — fuerte, guerrera, desbordante de vida. Tiene viveros, una casa siempre florida y la mano abierta para quien llegue. Le gustan los colores fuertes: los morados intensos, el rojo, el rosa de los tejidos chiapanecos; aretes y collares de ámbar, jade verde, y un mechón blanco inconfundible.
Te recibe en el jardín con música y una cerveza, cantando “Cucurrucucú Paloma”. Tiene una frase para todo lo que no le conviene discutir — “ese tema no se toca” — y una bugambilia que lo cubre todo de color.
Pero lo que la vuelve el alma de esta marca no es el jardín. Es que crió a muchos hijos que no eran suyos. Recibir a alguien que no es tuyo y hacerlo casa: eso es hospitalidad. Eso es HostCasa.
“Y crió a muchos hijos que no eran suyos.”
La bugambilia — sello cálido de la marca
Los colores de Marina
clic para copiar
Marfil
#ECE6D8
clic para copiar
Oro
#C9A24B
clic para copiar
Morado
#9B3FB0
clic para copiar
Púrpura
#7A3D8F
clic para copiar
Lavanda
#CFBCFF
El marfil y el oro la unen a la marca; el púrpura, al producto. El alma usa el color con intención, no a gritos.
12 — Producto
12
ConciergeAI — la bugambilia que recibe
El conserje digital de HostCasa tiene rostro: la bugambilia de Marina. Atiende al huésped con calidez humana, no con frialdad de máquina. Es de marca blanca — cada casa puede nombrarlo (Marina, Lupita, Sol…) sin perder la flor.
Avatar · ConciergeAI
Bienvenido a Casa Barra. Ya encendí las luces y dejé cerveza fría en el refri. ¿Le reservo la cena con chef en casa para esta noche?
Sí, para dos a las 8.
Listo, agendada a las 8. Cualquier cosa, aquí estoy.
Tono — humano, cálido, anfitrión · ejemplo en Casa Barra
Sistema de movimiento — ConciergeAI
La flor cobra vida según el estado: respira en reposo, gira y late cuando piensa, y se asienta al responder. Así el huésped sabe que está siendo atendido — sin texto, solo movimiento.
Reposo · respira
Pensando · gira, late y “escribe”
Listo · se asienta
13 — Interfaz
13
Pacific Ivory — la capa de producto
El faro es la marca; el software es la operación. La interfaz de HostCasa corre en Material oscuro — lavanda y oro sobre superficies profundas. Misma familia, distinto oficio: la marca recibe, el producto opera. Haz clic en una muestra para copiar su hex.
clic para copiar
Lavanda
#CFBCFF · primario
clic para copiar
Lavanda Profunda
#6750A4
clic para copiar
Oro · Tier A
#E7C365 · VIP
clic para copiar
Superficie
#141218
clic para copiar
Contenedor
#211F24
clic para copiar
Superficie Alta
#2B292F
clic para copiar
Línea
#494551
clic para copiar
Texto
#E6E0E9
Inter en todo el producto · titulares Black 900 de tracking cerrado · etiquetas en mayúsculas espaciadas · radios 6 / 8 / 14 / 24 px · el oro se reserva para estatus VIP. Dos modos: Pacific Night y Ivory Shore.
14 — Recursos
14
Descarga los archivos
La marca vectorial de abajo es la fuente de verdad — recolórala cambiando el único valor de trazo. Las exportaciones completas PNG/ICO/Apple-touch/manifest vienen en el paquete de recursos HostCasa.
HostCasa began with a single weathered cottage above a quiet cove on the Pacific coast — a house people kept asking to stay in long after the season ended. What made it work was never the building. It was the welcome: a light left on, a made bed, the small operational magic that makes a stranger feel expected.
The brand grew from that one open door into a way of running boutique stays — homes, not hotels — where hosting is treated as a craft and the back-of-house runs so smoothly that guests only ever see the calm. The mark holds both halves of that promise: a peak with a guiding light, resting on steady water that never stops moving — a coastal beacon you can read at a glance.
Gold on midnight navy is the coast at night — lamplight on dark water. It is meant to feel considered, warm and quietly expensive, the way a great stay feels before you can explain why.
“A guiding light over calm water — shelter, welcome, and the work that stays invisible.”
The cove
One cottage above the tide line becomes the reference for everything that follows.
The light
A guiding light at the peak becomes the heart of the mark — hospitality, made visible.
The system
Hosting formalised into repeatable, seamless operations across multiple homes.
The line
A single engraved hairline unifies logo, icons and signage — calm, precise, coastal.
Today
Curated stays, elevated. One mark from the key card to the coastline.
02 — The Logo
02
A peak, a light, calm water
A coastal medallion: a gabled peak crowned by a small guiding light, resting over two tides — one cyan, one gold — inside a fine gold ring. Warm, precise and quietly premium: an engraved feel that holds from a key-card emboss to a billboard.
HOSTCASA
Hospitality, Elevated.
Primary signature
Mark / symbol
03 — Variations
03
One mark, every context
Stacked signature is the default. Horizontal for tight headers; mark alone where space is scarce; reversed/mono on colour or in single-ink production.
HOSTCASA
Hospitality, Elevated.
Stacked · primary
HOSTCASA
Hospitality, Elevated.
Horizontal
Mark only
HOSTCASA
Hospitality, Elevated.
Light background · navy ink
HOSTCASA
Hospitality, Elevated.
Reversed on gold
HOSTCASA
Hospitality, Elevated.
Mono · single ink
04 — Construction
04
Clear space & sizing
Built on an even hairline with rounded terminals on a 100-unit grid. Give it room to breathe.
Clear spaceMargin on all sides ≥ the height of the roof peak (dashed frame).
Min — digitalMark 16 px · full signature 96 px wide.
Min — printMark 9 mm · full signature 28 mm wide.
StrokeUniform weight, rounded caps & joins. Never outline or vary thickness.
AlignmentWordmark optically centred under the mark; tagline tracked to wordmark width.
Responsive mark — fixed rule
≥ 40 px · Full — ring · peak · light · 2 waves (cyan + gold)
Simplified < 40pxFavicon 16 / 32, browser tab, small UI badges. One gold wave, no light dot, +20% stroke for clean rendering.
Cyan waveUsed only in the full mark on dark/neutral grounds; collapses to single ink in mono.
05 — Misuse
05
Protect the mark
✓
Correct · gold on navy
✕
Don't stretch or distort
✕
Don't recolour off-palette
✕
Don't rotate or tilt
✕
Don't place on busy mid-tones
✕
Don't add shadows or effects
06 — Color
06
Palette
Midnight navy carries the brand; coastal gold is the accent and signature ink; sea-salt cream sets type and clean space. Click a swatch to copy its hex.
Running text for descriptions, confirmations and interface copy stays in a calm geometric sans. JOST LIGHT · 16 / 1.6 · BODY
Labels & overlines JOST · 11 · TRACKING +280
08 — Icon Family
08
The line, extended
A small icon set drawn in the same hairline language as the mark — uniform weight, rounded terminals — so wayfinding, amenities and UI feel cut from the same cloth as the house.
Key
Stay
Coast
Compass
Anchor
Door
09 — App icon & favicon
09
Small spaces
The mark sits in a navy rounded tile to read in a browser tab or on a home screen. Per the responsive rule, tiles under 40 px use the simplified mark (one wave, no light, +20% stroke); 48 px and up use the full emblem.
96
64
48
32
16
HostCasa — Hospitality, Elevated.
10 — In use
10
The system, applied
The house is made to be used — on screens, on doors and in the hand. A few touchpoints across the guest journey.
Beneath the coastal beacon there is a story. HostCasa didn't begin with a building, but with a way of welcoming — and that way has a name: Marina.
Marina is from Chiapas — strong, fierce, overflowing with life. She keeps her nurseries, a house always in bloom, and an open hand for whoever arrives. She loves strong colors: deep purples, red, the pink of Chiapas weavings; amber earrings, green jade, and an unmistakable white streak in her hair.
She welcomes you in the garden with music and a cold beer, singing “Cucurrucucú Paloma.” She has a line for anything she'd rather not discuss — “that subject is off the table” — and a bougainvillea that covers everything in color.
But what makes her the soul of this brand isn't the garden. It's that she raised many children who weren't her own. To take in someone who isn't yours and make them home: that is hospitality. That is HostCasa.
“And she raised many children who weren't her own.”
The bougainvillea — the brand's warm seal
Marina's colors
click to copy
Ivory
#ECE6D8
click to copy
Gold
#C9A24B
click to copy
Magenta
#9B3FB0
click to copy
Purple
#7A3D8F
click to copy
Lavender
#CFBCFF
Ivory and gold tie her to the brand; purple, to the product. The soul uses color with intent, never loudly.
12 — Product
12
ConciergeAI — the bougainvillea that welcomes
HostCasa's digital concierge has a face: Marina's bougainvillea. It greets the guest with human warmth, not machine coldness. It's white-label — each house can name it (Marina, Lupita, Sol…) without losing the flower.
Avatar · ConciergeAI
Welcome to Casa Barra. The lights are on and there's cold beer in the fridge. Shall I book the in-house chef for dinner tonight?
Yes, for two at 8.
Done — booked for 8. Anything you need, I'm right here.
Tone — human, warm, host · example at Casa Barra
Motion system — ConciergeAI
The flower comes alive by state: it breathes at rest, spins and pulses while thinking, and settles as it answers. The guest knows they're being helped — no text, just motion.
Idle · breathes
Thinking · spins, pulses & “types”
Ready · settles
13 — Interface
13
Pacific Ivory — the product layer
The beacon is the brand; the software is the operation. HostCasa's interface runs in dark Material — lavender and gold over deep surfaces. Same family, different job: the brand welcomes, the product operates. Click a swatch to copy its hex.
click to copy
Lavender
#CFBCFF · primary
click to copy
Deep Lavender
#6750A4
click to copy
Gold · Tier A
#E7C365 · VIP
click to copy
Surface
#141218
click to copy
Container
#211F24
click to copy
Surface High
#2B292F
click to copy
Outline
#494551
click to copy
Text
#E6E0E9
Inter across the product · Black 900 tight-tracked headings · spaced-caps labels · radii 6 / 8 / 14 / 24 px · gold reserved for VIP status. Two modes: Pacific Night and Ivory Shore.
14 — Assets
14
Grab the files
The vector mark below is the source of truth — recolour it by changing the single stroke value. Full PNG/ICO/Apple-touch/manifest exports ship in the HostCasa asset package.