MANUAL DE MARCAV1 · OUTUBRO 2026

02

CORES

Cada cor tem um papel só. O vermelho é da marca e nunca aparece em botão de avanço. O azul é a cor de ação. As faixas aparecem só para mostrar graduação.

MARCA E AÇÃO
Tatame · Texto, fundos escuros, logo, elementos selecionados.
Kimono · Fundo padrão de telas e peças.
Ponteira · Só no símbolo, em destaques editoriais e na indicação de aba ativa.
Pressionado
Desabilitado
Azul ação · Botão primário, links, campo em foco. Só em ações de avanço.Pressionado · Desabilitado
PROPORÇÃO NUMA TELA OU PEÇA
NEUTROS
Grafite
Texto apoio
Linha
Superfície
STATUS
Sucessofundo
Alertafundo
Errofundo
O vermelho de erro é mais escuro que a ponteira e aparece só em contorno, texto ou fundo claro. Nunca preenche botão.
FAIXAS · SÓ PARA GRADUAÇÃO
Branca ·
Azul ·
Roxa ·
Marrom ·
Preta ·
A faixa azul (#1B336B) é mais escura que o azul de ação para não ser confundida com botão.
03

TIPOGRAFIA

Big Shoulders Display · Black 900 e ExtraBold 800Títulos, nomes de academia, preços, horários e botões. Sempre em caixa alta.
Barlow · Regular 400, Semibold 600, Bold 700Textos, rótulos, campos e mensagens. Em caixa normal, menos nos rótulos curtos.
Escala tipográfica
NomeExemploEspecificação
DisplayTATAME GARANTIDOBSD 900 · 64/54 · capa, sucesso
Título 1KIMURA PINHEIROSBSD 900 · 46/40 · título de tela
Título 2ESCOLHA O HORÁRIOBSD 900 · 28/26 · seções
Botão / númeroRESERVAR · R$ 90/H · 19:00BSD 800 · 20 · tracking 0,02em
Texto grandeTatame de 80 m² em EVA de 40 mm, vestiário com chuveiro.Barlow 400 · 17/26
TextoCancelamento grátis até 24h antes do horário.Barlow 400/600 · 15/22
ApoioPinheiros · 80 m² · até 20 pessoasBarlow 400 · 13/18
RótuloDURAÇÃO · FINALIDADEBarlow 600 · 12 · caixa alta
Caixa alta só no displayBig Shoulders sempre maiúscula. Barlow maiúscula só em rótulos de até 3 palavras.
Números em displayPreço, horário e data em Big Shoulders. Isso facilita a leitura rápida na lista.
Nunca display em parágrafoA Big Shoulders cansa a leitura acima de duas linhas. Para texto corrido, use Barlow.
04

ÍCONES

Grade de 24 px, traço de 2 px, pontas retas e cantos vivos, como o corte do símbolo. Sem preenchimento, exceto no estado ativo. Sempre com rótulo de texto na navegação.

05

COMPONENTES

Cantos retos em tudo. A área de toque mínima é de 44 px. Uma tela tem no máximo um botão primário.

BOTÕES
Primário
RESERVAR HORÁRIO
Pressionado
RESERVAR HORÁRIO
Desabilitado
RESERVAR HORÁRIO
Secundário
Adicionar ao Google Agenda
Destrutivo
Cancelar reserva
Texto
Ver regras da academia
CHIPS E HORÁRIOS
ManhãTardeNoite
07:0008:0009:0010:00
Livre · selecionado · ocupado (riscado)
CAMPOS
Bairro ou academia
Pinheiros
rafael.costa@
Confira o e-mail, falta o domínio.
STATUS DA RESERVA
ConfirmadaAguardando academiaEm treinoConcluídaRecusada
CARD DE ACADEMIA
KIMURA PINHEIROSR$ 90
Pinheiros · 80 m² · até 20 pessoas6 horários livres
FAIXA · COMPONENTE DE GRADUAÇÃO
corpo · cor da faixaponteira + graus
G · 24 M · 16 P · 10
Até 4 graus nas faixas coloridas e até 6 na preta, que tem ponteira vermelha. A faixa sempre vem acompanhada do texto, por exemplo "Azul · 2 graus", por acessibilidade.
06

FOTOGRAFIA

Fotos reais de academias reais. Luz natural ou de teto, sem filtro colorido. O tatame é o protagonista: o aluno decide pelo espaço.

Tatame vazio visto da porta, com luz da janela batendo nos tatamesImagem ilustrativa
Tatame vazio, visão ampla, luz da janela · imagem ilustrativa
Close de mãos amarrando uma faixa azul sobre o kimonoImagem ilustrativa
Mãos amarrando a faixa, close · imagem ilustrativa
Grupo de praticantes sentados no tatame depois do treinoImagem ilustrativa
Grupo pós-treino, de verdade · imagem ilustrativa
UseÂngulo da porta mostrando o tatame inteiroVestiário, entrada e estacionamento, sem retoquePessoas treinando de verdade, de kimono ou rash guardTratamento em preto e branco para peças editoriais
EviteBanco de imagem com pose de luta ensaiadaGrande angular que distorce o tamanho do espaçoMenores de idade sem autorização dos responsáveisFiltro saturado ou vinheta
07

ÍCONE E SPLASH

Fundo Tatame com o símbolo ocupando 58% da largura e centralizado no eixo óptico. Exportar em 1024 px sem cantos (o sistema aplica a máscara). Não muda em datas comemorativas.
Splash · símbolo central e nome no rodapé
Na tela inicial (esboço)
08

VOZ E GLOSSÁRIO

DIRETO

Primeiro o que importa: dia, hora, lugar. Uma ideia por frase.

FALA DE TATAME

Rolar, open mat, oss. A gíria aparece no fim da frase, nunca no lugar da informação.

SÉRIO COM DINHEIRO

Pagamento, estorno e regra sem gíria e sem piada. Valores sempre por extenso em R$.
Glossário
USEEVITE
AlunoLocatário, cliente, usuário
AcademiaLocador, parceiro, estabelecimento
TatameEspaço, sala, área
TreinoSessão, uso, booking
ReservaAgendamento, pedido de locação
RepasseTransferência, payout
Taxa da plataformaComissão, fee
Push · confirmada
Tatame garantido. Quinta, 19h, Kimura Pinheiros. Oss.
Push · lembrete
Seu treino começa em 2 horas. Leve o kimono e o QR de check-in.
Push · academia
Novo pedido: Rafael Costa, faixa azul, quinta às 19h. Responda em até 2h.
Vazio
Nenhum treino marcado. Bora achar um tatame?
Erro · ocupado
Esse horário acabou de ser reservado. Escolha outro, tem mais 5 livres hoje.
Erro · pagamento
O pagamento não foi aprovado e nada foi cobrado. Tente outro cartão ou use Pix.
Erro · conexão
Sem internet agora. Sua reserva fica salva e enviamos quando voltar.
Cancelamento
Reserva cancelada. Estorno de R$ 180,00 em até 2 dias úteis.
09

KIT PARA ACADEMIAS

É o que cada academia parceira recebe ao entrar: placa para a recepção, adesivo para o tatame e modelos de post. Aqui o vermelho aparece mais, porque são peças editoriais e não interface.

ESTE TATAME ESTÁ NO OPENMAT
Reserve horários vagos pelo app.
Placa de recepção · A5 vertical
RESERVE
AQUI
Adesivo de tatame · 10 × 10 cm, vinil fosco
HORÁRIO VAGOHOJE
19H
Kimura Pinheiros
R$ 90/hOPENMAT
EVENTOOPEN MAT DE SÁBADO
Todas as faixas · Base, Lapa · 10h
NOVA NA REDEACADEMIA TRIÂNGULO
Butantã · 90 m²
até 22 pessoas
Modelos de post 1080 × 1080: horário vago, evento e academia nova. A academia troca só os textos.