Este arquivo é gerado por brand/build.mjs a partir de brand/brand.config.mjs. Toda cor, medida e contraste abaixo saiu do mesmo build que veste o produto.
Geometria em proporção da altura: a fonte iguala a altura, o ponto fica em 13.5% dela, o vão entre palavra e ponto em 7%, e o ponto recua 2% da base. Geist peso 600, entreletra -0.04em. As letras saem em contorno, então o desenho não depende da fonte instalada na máquina que abre o arquivo.
Respiro de 50% da altura em volta, livre de texto, borda e imagem. Largura mínima em tela: 88px. Abaixo disso, usar o reduzido.
O logotipo atende espaço horizontal. O lockup sn/nc atende espaço quase quadrado. O reduzido s atende o pequeno, nu ou dentro de tile. Os três carregam o mesmo ponto, na mesma proporção e com o mesmo vão.
c, fora dessa medida.#1c7c73cor de marca, foco e link#145e58logotipo sobre fundo claro#0a3a36fim do gradiente da capa#f5f4efsuperfície da aplicação#ffffffcard e tabela#0e1116texto principalCada nível declara o contraste que precisa atingir contra a pior superfície de texto do tema, e o build resolve o hex. A ordem e a distância de 1.4× entre vizinhos são verificadas no CI.
| Nível | Hex (claro) | Medido | Exigido | Papel |
|---|---|---|---|---|
| Alarme | #431609 | 12.98:1 | 13:1 | --color-danger |
| Atenção | #4e390b | 9.2:1 | 9.2:1 | --color-warning |
| Conforme | #215d3b | 6.54:1 | 6.5:1 | --color-success |
| Informação | #2766c9 | 4.6:1 | 4.6:1 | --color-info |
Para dado que responde "qual", nunca "quão grave": fluxo de infusão, motivo de parada, etapa. A organização escolhe o slot, e o hex vem do tema.
#1c66a85.01:1#aa367d4.99:1#9056144.99:1#864ba14.98:1#5d64724.99:1Geist para valor, Geist Mono para rótulo. Piso de 12px em rótulo e 13px em dado, sem exceção em produto.
| Papel | Tamanho | Peso | Família | Uso |
|---|---|---|---|---|
label-sm | 12px | 500 | mono | rótulo de metadado |
label | 13px | 500 | mono | rótulo de seção |
body-sm | 14px | 400 | sans | apoio |
body | 16px | 400 | sans | corpo |
title-sm | 20px | 600 | sans | título de card |
title | 26px | 600 | sans | título de seção |
display | 40px | 600 | sans | título de página |
num-sm | 24px | 600 | sans | número em lista |
num | 32px | 600 | sans | KPI em grade |
num-lg | 48px | 600 | sans | KPI em wallboard |
| Situação | Evitar | Escrever |
|---|---|---|
| Lista sem resultado | Nenhum registro. | Nenhuma sessão neste período. Amplie o intervalo ou troque de unidade. |
| Falha de carregamento | Erro ao carregar dados. | Não conseguimos carregar as sessões. Tente novamente. Se persistir, o dado das 14h já está no relatório diário. |
| Busca | Buscar… | Buscar paciente, protocolo ou poltrona |
| Confirmação de ação | Salvar | Marcar início às 14:32 |
| Sem base de cálculo | 0% | — · sem poltronas cadastradas |
-on-tint), diferente da tinta sobre o preenchimento sólido (-foreground). Fundir os dois pinta preto sobre preto no tema escuro.Reduzido de uma cor, mínimo de 12mm. Bordado usa só a silhueta, sem meio-tom.
Logotipo de uma cor no cabeçalho. Marca d'água usa o reduzido a 8% de opacidade.
Reduzido em tile, mínimo de 10mm. O adesivo convive com álcool, então sem gradiente e sem traço fino.
Tabela HTML com reduced-tile-88-teal.png servido a 44px e wordmark-32-light.png a 16px. Sem imagem de fundo, porque cliente de e-mail bloqueia.
A capa é a única superfície onde o gradiente aparece. Gráfico usa a rampa de categoria com legenda, nunca a escala de severidade.
Vinil de uma cor. O respiro de 50% vale inclusive contra o recorte da placa.
Um arquivo é escrito à mão: brand/brand.config.mjs. Todo o resto sai de node brand/build.mjs, e os PNG, o ICO e o zip saem de node brand/pack.mjs. O CI roda node brand/build.mjs --check, que refaz o build em memória e compara byte a byte: artefato editado à mão aparece como diferença, e fonte alterada sem regerar também.