Lo que contiene este libro.

Hostal de centro, no de paso.

Tres direcciones en el corazón de Barcelona — Gran Via, Consell de Cent y Passeig de Gràcia — y una en Madrid. Habitaciones cómodas, atención cercana, ubicación inmejorable.

Historia y propósito

Hostalin nació como red de hostales de centro: el tipo de sitio al que vas porque quieres caminar más y coger menos metro. Habitaciones que no presumen de cinco estrellas pero cumplen lo que un buen viajero pide — cama, ducha, silencio, esquina viva al salir. El propósito de la marca es defender esa categoría — el hostal urbano de centro — contra dos amenazas: el hotel impersonal del extrarradio y el alojamiento turístico anónimo. Hostalin es la opción de quien quiere estar dentro de la ciudad, no al lado.

Posicionamiento (onlyness)

Solo Hostalin ofrece habitaciones de hostal en las direcciones donde nadie regala metros cuadrados — Gran Via, Passeig de Gràcia, Consell de Cent, Madrid centro — al precio de hostal, no de hotel.

Propuesta de valor

• Ubicación primero. Cada propiedad está a menos de 3 minutos a pie de una parada de metro y dentro del primer cinturón turístico.
• Honestidad de hostal. Lo que se ve es lo que hay. Sin upselling agresivo, sin servicios añadidos que no usarás.
• Atención cercana. Recepción real, no kiosko. Quien entra hablando español, catalán, inglés, francés o italiano encuentra a alguien que le devuelve la conversación.
• Precio coherente con la ubicación. Pagar por estar dentro, no por estar fuera. Las amenities que no aporten valor al viajero no se cobran.

Audiencia

Fuentes: emails Álvaro↔Ramon 23-mar y 9-abr 2026 · clientes.json cli-081 · feedback Ramon 4-mar 2026 ("menos mate, más viva") · análisis web hostalin.com (designlang, 20-may, 1083 elementos).

Una marca madre, cuatro direcciones.

Hostalin opera bajo arquitectura endorsada con ubicación: el nombre madre va siempre primero, la dirección como apellido. Cada propiedad hereda la identidad visual y tonal de la madre, pero gana matices propios en fotografía y mensaje según el barrio.

Lockups aprobados

Jerarquía visual

• En materiales globales (web madre, RRSS, papelería corporativa) solo aparece "Hostalin".
• En materiales por propiedad (cartel exterior, keycard, welcome note, página propia dentro de la web) aparece el lockup completo: Hostalin · [ubicación].
• Nunca se inventa una identidad propia para una propiedad (logo independiente, paleta propia, tipografía distinta).
• Cuando se mencionan varias propiedades juntas, se usa el formato lista en orden alfabético de ciudad: Hostalin Gran Via · Hostalin Passeig de Gràcia · Hostalin Consell de Cent · Hostalin Madrid.

Cercana, sin postureo.

Un hostal de centro habla como recibe: con un "buenos días" sincero y útil. Tuteo, frases cortas, beneficios concretos.

Arquetipo: el Anfitrión

Hostalin no es Explorador ni Sabio. Es Anfitrión — la marca que se ocupa de que estés cómodo y conozcas el barrio, sin invadirte. El anfitrión recomienda pero no impone, cuida los detalles sin hacer ostentación, sabe cuándo callarse.

Dimensiones de voz (scoring sobre 100)

Suena como / No suena como

Vocabulario

Ejemplos on-brand vs off-brand (escenarios reales)

El logo que el cliente quiere conservar.

El logo actual de Hostalin es el ancla de la identidad. El cliente decidió mantenerlo tras evaluar dos rutas alternativas en marzo–abril 2026, por reconocimiento acumulado en buscadores, recepción física y materiales impresos existentes. Vectorización pendiente (Clàudia) para uso en cualquier tamaño sin pérdida.

Versión positiva y negativa

Positiva · fondo claro

Negativa · fondo primary-dark

Espacio de respeto y tamaños mínimos

Reglas detalladas de qué no hacer con el logo en la sección §5.1 más abajo.

Antipatterns. Lo que rompe la identidad.

Esta sección es tan importante como las anteriores. Sin reglas claras de "qué evitar", la marca se diluye en cada material que sale por la puerta. Cada antipattern incluye la razón.

5.1 Logo — usos prohibidos

✕No estirar horizontalRompe la proporción y el reconocimiento.

✕No comprimir verticalMisma razón: aspect ratio fijo siempre.

✕No rotarEl logo se lee horizontal. Ni en stickers, ni en cartelería.

✕No añadir sombrasSombras, bisel, 3D — anulan la limpieza.

✕No añadir brillosOuter glow, neón, fluor — discordantes con la voz cálida.

✕No recolorear fuera de paletaSolo positivo o negativo. Nada de morados, rojos, naranjas.

✕No usar sobre fondos de bajo contrasteSi el ratio < 4.5:1 (WCAG AA), no se usa. Cambiar a versión negativa.

✕No usar sobre foto ruidosaSi la foto compite, va dentro de banda lisa o se usa la negativa sobre overlay.

✕No añadir contorno / outlineEs un parche cuando el fondo no funciona — cambia el fondo.

5.2 Color — fuera de paleta

5.3 Tipografía — antipatterns

5.4 Voz y mensaje — qué no decimos

5.5 Mockups — pares correctos vs incorrectos

El truco del brand book no es solo mostrar el antipattern, es mostrarlo junto al correcto para que la diferencia sea evidente.

Serif editorial + sans humanista.

Hostalin habla con una serif cálida en headings (sensación de hostal de toda la vida) y una sans humanista en cuerpo (legibilidad moderna, web-first).

Display · titulares

Body · UI

Rationale de la combinación

Playfair + Inter es la pareja editorial estándar para marcas que quieren transmitir "tradición revisada con higiene moderna". Playfair aporta el carácter del hostal de toda la vida (las "Q" y "g" italics tienen presencia); Inter aporta la legibilidad neutra que la web exige hoy. Ambas son gratuitas, multi-idioma, con buenos pesos disponibles y servidas por Google Fonts (un solo request).

El teal del logo, una vuelta más viva.

El logo aporta el ancla cromática (#9AB6BA). Para la web nueva, el cliente pidió "menos mate, más viva" → la paleta primaria sube saturación añadiendo un primary vivo, sin abandonar el ancla.

Paleta primaria

Paleta de neutros y soporte

Verificación WCAG (combinaciones aprobadas)

Rationale

El cliente ha decidido conservar el logo, así que la paleta hereda su teal ancla (#9AB6BA) sin discusión. El primary vivo (#5A9A9D) es la saturación que pidió Ramon para devolver vida a una web que él mismo describió como "mate". El primary dark (#16494C) se detectó en la web actual como acento profundo y se conserva como anclaje tipográfico. Crema base + paper sustituyen al blanco puro para reforzar la calidez de hostal.

designlang detectó #9AB6BA, #16494C, #ACCBBC como tokens reales en la web actual. Curado añadió #5A9A9D (primary vivo según feedback cliente 4-mar) y descartó #FFC02B, #E8A20C, #517FA4: pertenecen al chrome del tema Bootstrap de 2017, no a la marca.

Cómo se ven las cosas, no solo cómo se dicen.

Estilo fotográfico

• Luz natural y horizontal. Primera hora de mañana o última de tarde, nunca mediodía duro. Sombras suaves.
• Composición tranquila. Habitación con cama hecha y ventana abierta, no "lifestyle staged" con maleta abierta y libro en la mesilla.
• Personas si aparecen: naturales. Recepción real, mano sirviendo café, par cogiendo llave. Nunca stock posado con sonrisa de catálogo.
• Color cálido pero contenido. Saturación moderada, post-producción que respeta la luz del lugar.
• El barrio entra en la fotografía. Fachada con la calle real, parada de metro al fondo. Hostalin es centro: la prueba visual debe estar.

Iconografía

Iconos de línea, stroke 1.5 px, esquinas suaves (radio 2 px), tamaño base 24 px. Solo monocolor: #16494C sobre claro, #fff sobre dark. No iconos rellenos, no iconos planos coloridos. Family sugerida: Lucide o Phosphor (regular weight).

Cómo se ve en el mundo real.

Mockups de los seis touchpoints obligatorios. Cada uno aplica el logo real y respeta las reglas de los capítulos anteriores.

Web · Hero

Tu casa cerca de Gran Via.

Habitaciones con encanto, a 2 minutos del metro.

→ Ver habitaciones · Reservar directo

01 · Web hostalin.com · Home hero

Ramon Serra

Tipifiestas SL · Hostalin

C/ Pedro i Pons 5, 3-1
08034 Barcelona
ramon@hostalin.com · +34 9XX XXX XXX

02 · Tarjeta de visita

Tres direcciones,
un único "bienvenido".

@hostalin · barcelona

03 · Post Instagram 1080×1080

Cartel exterior

Hostalin Gran Via

Recepción 24 h · Check-in 14:00

Habitaciones disponibles →

04 · Cartelería de fachada

Tipifiestas SL · CIF B56479413
C/ Pedro i Pons 5, 3-1
08034 Barcelona

Barcelona, 23 de mayo de 2026

Estimado proveedor,

Cuerpo del documento en Inter 14 px / 1.5. Márgenes simétricos. Pie con datos fiscales.

05 · Membrete / papelería A4

Hola Marie,

Te confirmo tu reserva del 14 al 17 de junio en Hostalin Gran Via. Te esperamos a partir de las 14:00.

Cualquier cosa, escríbeme directo.

Ramon Serra

Hostalin · Dirección

ramon@hostalin.com · +34 9XX XXX XXX
hostalin.com

06 · Firma de email

Hostalin · Gran Via

Bienvenido.Tu habitación: 204

07 · Keycard (hotelería)

Bienvenido a Hostalin.

Te dejamos aquí lo importante: el WiFi se conecta solo en cuanto pulsas "Hostalin-Guest". La recepción está abierta 24 h, ahí dentro siempre hay alguien.

Si quieres recomendaciones del barrio, pregúntanos sin reparo — vivimos en él, no en el folleto.

— El equipo de Hostalin Gran Via

08 · Welcome note en habitación

Cuatro propiedades, una sola marca.

Cada una de las cuatro propiedades hereda 100% de la identidad madre. Lo único que se personaliza es la fotografía (cada hostal con su propio micro-universo del barrio) y los detalles de welcome note / recomendaciones locales. Logo, tipografía y paleta no se tocan a nivel propiedad.

Las cuatro direcciones

Cada propiedad puede tener su propia subpágina dentro de hostalin.com con galería específica, pero comparte exactamente el mismo sistema visual de este brand book. No se entrega brand book independiente por propiedad — la coherencia es parte del activo de marca.

Lo que va al equipo de desarrollo.

Los tokens y entregables técnicos del Brand Book v1.0 se publican junto a este documento. Listos para handoff directo a equipos de desarrollo, diseño o agencia externa.

Próximos pasos pendientes: vectorización del logo (Clàudia, bloqueante para impresión a gran formato) · sesión de fotos reales de las cuatro propiedades · validación de Ramon sobre la paleta primary vivo (#5A9A9D) — confirmación final del feedback "menos mate, más viva" del 4-mar 2026.