Marca
A marca escreve-se sempre em minúsculas: seufisio. Nunca SeuFisio, nunca Seufisio, nunca em maiúsculas totais.
Logótipo em claro
Logótipo em escuro
Regras de aplicação
- Margem livre mínima igual à altura do símbolo.
- Nunca aplicar sombra, contorno, rotação ou distorção ao logótipo.
- Sobre fotografia, usar sempre uma superfície sólida ou vidro por baixo.
- Altura mínima em ecrã: 24 px.
Cores
Três cores de marca e uma escala neutra. O laranja é ação, o roxo é contexto e classificação, o azul escuro é estrutura.
Proporção recomendada
A cor de marca é detalhe, não fundo.
Tipografia
Days One apenas em títulos e destaques curtos. Asap em todo o restante texto, incluindo interface e tabelas.
Days One — display
Asap — texto
O seufisio é um sistema de gestão para estúdios de Pilates, clínicas de Fisioterapia e espaços de Estética. O corpo de texto usa 15 px com entrelinha de 28 px, largura máxima de 68 caracteres e equilíbrio de linha automático nos títulos.
Espaçamento e raios
Escala de 4 px. Os raios crescem com a superfície: quanto maior o bloco, maior o raio.
Escala de espaçamento
Raios
Superfícies e elevação
Três níveis de elevação, um fio de 1 px como separador universal e grão apenas em superfícies escuras.
Vidro
Cabeçalhos, painéis flutuantes e barras de pesquisa.
Grão
Só sobre azul escuro, a 5% de opacidade.
Movimento
A animação confirma uma ação. Nunca decora. Distâncias curtas, sempre com a curva da marca.
Cor, opacidade, estados de foco.
Elevação, deslocação de cartões.
Entrada de painéis e diálogos.
Componentes
Os componentes reais da aplicação, nos estados que aparecem em produção.
Botões
Etiquetas e estados editoriais
Campo de pesquisa
Avisos
Informação de contexto. Explica um pré-requisito ou uma diferença entre mercados.
Sugestão prática que poupa tempo a quem segue o tutorial.
Aviso de risco: ação irreversível ou com impacto em faturação.
Passos numerados
- 1
Abrir as definições
No menu lateral, seleciona Definições e depois Faturação.
- 2
Ligar a integração
Introduz as credenciais e confirma a ligação.
Padrões
Composições completas. Reutiliza estes blocos em vez de inventar variações.
Hero público
Como podemos ajudar?
Cartão de categoria e cartão de artigo
Financeiro
Faturação, pagamentos online e serviços recorrentes.
Ativar o seufisio pay com Stripe
Configuração passo a passo para Portugal e Espanha.
Escrita
O texto é parte do design. Estas regras aplicam-se a interface, artigos e tutoriais.
Fazer
- Sentence case em títulos e botões.
- Verbo no infinitivo nas ações: guardar, exportar, ligar.
- Termos nativos de cada mercado: marcação em pt-PT, agendamento em pt-BR.
- Frases curtas, uma ideia por frase.
Não fazer
- Travessões, emojis, hashtags.
- Linguagem motivacional ou corporativa genérica.
- Superlativos sem prova e números inventados.
- Misturar variantes de idioma no mesmo conteúdo.
Uso indevido
Casos concretos que quebram o sistema visual.
Reduz a legibilidade e descaracteriza a marca.
- Laranja em grandes áreas de fundo.
- Sombras difusas e coloridas fora do token de marca.
- Cartões dentro de cartões dentro de cartões.
- Cores fixas em código, como bg-white ou text-black.
Fio de 1 px, elevação suave e um único acento laranja.
- Cor de marca em ações, estados e acentos.
- Hierarquia por espaço e tipografia, não por cor.
- Sempre tokens semânticos do tema.