SecondBook

Marca

Esta é a SecondBook

Uma marca jovem e fresca para quem viaja. Verde lima, palavras simples e pequenas peças feitas com carinho para que uma reserva pareça o início de uma viagem.

Porque cuidamos da nossa imagem

Uma reserva que já não podes usar é uma pequena má notícia. Queremos que o que vem a seguir seja leve: um lima que sorri, palavras que soam a amigo e pequenas peças que dão vontade de partir. O conteúdo visual não é decoração para nós; é como nos reconheces, desde um coração num hotel até um postal do teu próximo destino.

  • Verde lima

    Jovem, fresco e otimista. O lima é a cor de uma segunda oportunidade, e é a única cor que usamos como marca: tudo à volta fica neutro para que ele brilhe.

  • Uma só tipografia

    Geist em três pesos, apertada nos títulos e aberta no texto. Limpa e atual, para que falem os destinos e os preços.

  • Uma voz próxima

    Falamos contigo como um amigo que percebe de viagens: frases curtas, palavras simples, sem letra pequena. Dizemos «vende a tua reserva», nunca nada que soe a especular.

Peças nossas

Pequenas peças que só nós temos e aparecem por todo o produto.

  • O like SB

    Carrega no coração: transforma-se por um instante no símbolo sb e volta. Está em cada hotel que guardas.

    Likes

  • Doodles

    O nosso logótipo veste-se para os dias que importam a quem viaja.

    Doodles

  • Cenas de carregamento

    Um casal em pixel art faz a mala enquanto a página carrega.

    Carregamento

Cores

O lima é a marca; os verdes acompanham-no em preços e ofertas; os neutros dão-lhe espaço. Carrega num valor para o copiares. São os tokens do próprio site.

Marca

  • Lima SecondBook

    O logótipo, o like e os nossos destaques

    --brand

  • Lima de botão

    Botões principais, com texto branco

    --primary

  • Lima profundo

    Texto lima sobre fundos claros

    --brand-strong

Verdes de oferta

  • Verde 50

    Fundos suaves de poupança

    --deal-green-50

  • Verde 100

    Etiquetas de poupança

    --deal-green-100

  • Verde 300

    Destaques e gráficos

    --deal-green-300

  • Verde 600

    A caixa do preço

    --deal-green-600

  • Verde 700

    Texto sobre verdes claros

    --deal-green-700

  • Verde 800

    Texto forte sobre verdes

    --deal-green-800

Neutros

  • Tinta

    Títulos e texto

    --foreground

  • Grafite

    Superfícies e botões escuros

    --secondary

  • Pedra

    Texto secundário

    --muted-foreground

  • Névoa

    Margens e separadores

    --border

  • Nuvem

    Superfícies tranquilas

    --muted

  • Branco

    Fundos

    --background

Sinais

  • Âmbar

    Etiquetas de destaque

    --info-badge

  • Vermelho

    Descontos e avisos

    --discount

  • Azul

    Links

    --link

Tipografia

Geist, uma tipografia de código aberto, em regular, medium e semibold. Títulos apertados e equilibrados; texto com uma medida confortável.

Regular 400Medium 500Semibold 600

Display · semibold
A tua próxima viagem começa aqui
Título · semibold
Reservas de hotel com uma segunda oportunidade
Texto · regular
Alguém que já não pode viajar vende a sua reserva e tu aproveitas a mesma estadia por menos. Verificamos cada reserva, guardamos o pagamento até depois da estadia e mudamos o nome com o hotel.
Detalhe · medium
Cancelamento gratuito · Pequeno-almoço incluído
Geist no Google Fonts

Voz

Como escrevemos, em todas as línguas: como um amigo, nunca como um formulário.

  • Próxima

    Tratamos-te por tu em todas as línguas e soamos a pessoa.

  • Clara

    Uma ideia por frase. Primeiro o preço e a data, depois os detalhes.

  • Honesta

    Dizemos o que acontece e quando, incluindo o que pode correr mal.

  • Dizemos: Vende a tua reserva

    Evitamos: Faz negócio com a tua reserva

  • Dizemos: Pagas 120 € menos do que no hotel

    Evitamos: Preços imbatíveis!!!

  • Dizemos: Algo correu mal? Escreve-nos e nós resolvemos

    Evitamos: Queira abrir um pedido junto do serviço de apoio ao cliente

O que sim e o que não

Umas poucas regras que mantêm a marca reconhecível onde quer que apareça.

Sim

  • Usa o lima como única cor de marca, sobre branco ou com branco por cima.
  • Deixa o logótipo respirar.
  • Mantém tudo à volta neutro: branco, cinzentos e tinta.
  • Faz as peças mexerem-se pouco e com intenção, e paradas se o dispositivo pedir menos movimento.

Não

  • Mudar a cor do logótipo nem acrescentar degradés, sombras ou contornos.
  • Pôr o logótipo lima sobre um fundo escuro ou carregado: aí vai em branco.
  • Esticar, rodar ou cortar o logótipo.
  • Falar em «especular» ou em «fazer negócio» com reservas: vendemos reservas, mais nada.

Tudo o que há na marca

Cada secção tem as suas peças, o que significam e quando as usamos.