Marca — OGS Assistência
Squircle + chevron duplo: solidez e resposta em dois tempos. Chrome institucional (sidebar, auth, favicon) usa sempre o cobalto OGS; superfícies de operação seguem o tenant ativo.
- · Não distorcer proporções
- · Não rotacionar
- · Não alterar cores do símbolo
- · Não aplicar sombras / efeitos
- · Evitar fundos de baixo contraste
- · Não alterar o traço das setas
Paleta OGS · MIV v1.0
Névoa e branco dominam. Tinta é o texto. Cobalto pertence ao símbolo e a momentos de destaque. Menta e Ciano são apoio pontual — nunca substituem o cobalto.
Tipografia · Schibsted Grotesk
ExtraBold 800 para wordmark e títulos. Medium 500 para UI. Fallback: Helvetica / Arial.
Base de texto para operação 24/7. Densidade controlada, alta legibilidade, baixa fadiga visual.
Botões
Variante brand usa gradiente OGS; primary segue o tenant ativo.
Tenant ativo
Whitelabel: cada tenant sobrescreve --primary e --accent em runtime. A marca OGS (chrome/logos) permanece fixa.
Cores semânticas
Status — 3 eixos simultâneos
Toda ocorrência tem 3 status independentes: Administrativo (ADM), Atendimento (ATD) e Acompanhamento (ACP).
Flags transversais
KPI Cards
Cards de topo da Lista de Ocorrências.
Timeline de SLA
Cada etapa colore conforme tempo decorrido vs. regra do tipo de evento.
Estados de tela
Sem ocorrências hoje
Quando uma nova ocorrência for aberta, ela aparecerá aqui em tempo real.
Algo deu errado
Não foi possível carregar a lista. Tente novamente em alguns segundos.
Formulários e tipografia
Título H1 — Inter
Título H2
Corpo de texto. Densidade controlada, hierarquia clara, baixa fadiga visual para operação 24/7.