Brand Book v1.0

Identidade visual TripFlow

Um sistema pensado para transmitir fluxo, confiança e precisão operacional. Estas diretrizes garantem consistência em qualquer aplicação — produto, marketing ou material comercial.

Essência

Missão, visão e personalidade

Missão

Simplificar a operação de locadoras — do orçamento à devolução — em uma única plataforma.

Visão

Ser a espinha dorsal digital das locadoras da América Latina e do mundo.

Valores

Confiabilidade, clareza, velocidade, autonomia e cuidado com o operador de ponta.

Tom de voz

Direto, humano e técnico na medida. Falamos como quem já esteve no balcão da locadora. Evitamos jargão corporativo, promessas vazias e exclamações. Preferimos verbos de ação e frases curtas.

Marca

Logo, símbolo e aplicações

Logo horizontal — uso padrão

TripFlow

Logo vertical — fundo escuro

Símbolo — favicon, app icon

✓ Uso correto

Manter área de proteção mínima igual à altura do símbolo.
Usar em fundos com contraste AA (≥ 4.5:1).
Preservar as proporções e a inclinação dos arcos.

✗ Uso incorreto

Não alterar cores fora da paleta institucional.
Não aplicar sombras, contornos ou efeitos 3D.
Não distorcer, rotacionar ou reordenar os elementos.

Cores

Paleta semântica

Primary#2563EB

Ação, links, CTAs

Secondary#1E3A8A

Tons profundos, hover

Success#22C55E

Confirmações

Warning#F59E0B

Alertas leves

Danger#EF4444

Erros, exclusão

Info#3B82F6

Neutro informativo

Escala neutra (Slate)

Slate 50#F8FAFC

Slate 100#F1F5F9

Slate 200#E2E8F0

Slate 400#94A3B8

Slate 500#64748B

Slate 800#1E293B

Slate 900#0F172A

Tipografia

Manrope + Inter

Display · Manrope

TripFlow

Títulos, marketing, hero.

Interface · Inter

Reservas, contratos e clientes com clareza.

UI, dashboards, formulários.

Display / H148px · Manrope 700

H230px · Manrope 700

H324px · Manrope 600

Body Large18px · Inter 400

Body16px · Inter 400

Small14px · Inter 400

Componentes

Sistema de UI

Botões, inputs, cards, tabelas, diálogos, toasts, badges, tooltips, empty states e skeletons estão consolidados em src/components/ui e src/components/shared. Cada primitiva consome exclusivamente os tokens semânticos declarados neste manual.

Button

Input

Card

Table

Dialog

Dropdown

Alert

Badge

Tooltip

Toast

Empty State

Skeleton

Progress

Pagination

Charts

Icons

Tabs

Sidebar

Aplicações

Onde a marca vive

Produto (web + mobile)
Landing e site institucional
E-mails transacionais
Redes sociais e mídia paga
Material comercial (propostas, contratos)
Eventos e feiras de turismo