SecondBook

Marca

Así es SecondBook

Una marca joven y fresca para gente que viaja. Verde lima, palabras sencillas y pequeñas piezas hechas con cariño para que una reserva se sienta como el principio de un viaje.

Por qué cuidamos cómo nos vemos

Una reserva que ya no puedes usar es una pequeña mala noticia. Queremos que lo que viene después se sienta ligero: un lima que sonríe, palabras que suenan a amigo y pequeñas piezas que dan ganas de irse. El contenido visual no es decoración para nosotros; es cómo nos reconoces, desde un corazón en un hotel hasta una postal de tu próximo destino.

  • Verde lima

    Joven, fresco y optimista. El lima es el color de una segunda oportunidad, y es el único color que usamos como marca: todo lo demás se queda neutro para que brille.

  • Una sola tipografía

    Geist en tres pesos, ajustada en los titulares y abierta en el texto. Limpia y actual, para que hablen los destinos y los precios.

  • Una voz cercana

    Te hablamos como un amigo que sabe de viajes: frases cortas, palabras sencillas, sin letra pequeña. Decimos «vende tu reserva», nunca nada que suene a especular.

Piezas propias

Pequeñas piezas que solo son nuestras y aparecen por todo el producto.

  • El like SB

    Pulsa el corazón: se convierte un momento en el símbolo sb y vuelve. Está en cada hotel que guardas.

    Likes

  • Doodles

    Nuestro logo se viste para los días que importan a quien viaja.

    Doodles

  • Escenas de carga

    Una pareja en pixel art hace la maleta mientras carga la página.

    Cargando

Colores

El lima es la marca; los verdes lo acompañan en precios y ofertas; los neutros le dejan sitio. Pulsa un valor para copiarlo. Son los tokens de la propia web.

Marca

  • Lima SecondBook

    El logo, el like y nuestros acentos

    --brand

  • Lima de botón

    Botones principales, con texto blanco

    --primary

  • Lima profundo

    Texto lima sobre fondos claros

    --brand-strong

Verdes de oferta

  • Verde 50

    Fondos suaves de ahorro

    --deal-green-50

  • Verde 100

    Etiquetas de ahorro

    --deal-green-100

  • Verde 300

    Destacados y gráficos

    --deal-green-300

  • Verde 600

    La caja del precio

    --deal-green-600

  • Verde 700

    Texto sobre verdes claros

    --deal-green-700

  • Verde 800

    Texto fuerte sobre verdes

    --deal-green-800

Neutros

  • Tinta

    Titulares y texto

    --foreground

  • Grafito

    Superficies y botones oscuros

    --secondary

  • Piedra

    Texto secundario

    --muted-foreground

  • Niebla

    Bordes y separadores

    --border

  • Nube

    Superficies tranquilas

    --muted

  • Blanco

    Fondos

    --background

Señales

  • Ámbar

    Etiquetas destacadas

    --info-badge

  • Rojo

    Descuentos y avisos

    --discount

  • Azul

    Enlaces

    --link

Tipografía

Geist, una tipografía de código abierto, en regular, medium y semibold. Titulares ajustados y equilibrados; texto con una medida cómoda.

Regular 400Medium 500Semibold 600

Display · semibold
Tu próximo viaje empieza aquí
Titular · semibold
Reservas de hotel con una segunda oportunidad
Texto · regular
Alguien que ya no puede viajar vende su reserva y tú disfrutas la misma estancia por menos. Revisamos cada reserva, guardamos el pago hasta después de la estancia y cambiamos el nombre con el hotel.
Detalle · medium
Cancelación gratuita · Desayuno incluido
Geist en Google Fonts

Voz

Cómo escribimos, en todos los idiomas: como un amigo, nunca como un formulario.

  • Cercana

    Te tuteamos en todos los idiomas y sonamos a persona.

  • Clara

    Una idea por frase. Primero el precio y la fecha, después los detalles.

  • Honesta

    Decimos qué pasa y cuándo, también lo que puede salir mal.

  • Decimos: Vende tu reserva

    Evitamos: Haz negocio con tu reserva

  • Decimos: Pagas 120 € menos que en el hotel

    Evitamos: ¡¡¡Precios imbatibles!!!

  • Decimos: ¿Algo va mal? Escríbenos y lo arreglamos

    Evitamos: Abra una incidencia con el departamento de atención al cliente

Qué sí y qué no

Unas pocas reglas que mantienen la marca reconocible allí donde aparezca.

Sí

  • Usa el lima como único color de marca, sobre blanco o con blanco encima.
  • Deja que el logo respire.
  • Mantén todo lo demás neutro: blanco, grises y tinta.
  • Haz que las piezas se muevan poco y con intención, y quietas si el dispositivo pide menos movimiento.

No

  • Cambiar el color del logo ni añadirle degradados, sombras o contornos.
  • Poner el logo lima sobre un fondo oscuro o recargado: ahí va en blanco.
  • Estirar, girar o recortar el logo.
  • Hablar de «especular» o de «hacer negocio» con reservas: vendemos reservas, nada más.

Todo lo que hay en la marca

Cada sección tiene sus piezas, qué significan y cuándo las usamos.