Mission control foundation
O Design System do Ritmus existe para guiar o time antes do erro acontecer.
Feedforward para agentes, referencia viva para novas telas e primeira materializacao real da identidade do Ritmus.
01
Acabamento
02
Inteligencia
03
Profundidade
Overview
Contexto e papel do modulo
Esta pagina nao e um documento paralelo. Ela e a referencia oficial e consultavel para agentes, designers e desenvolvimento criarem as proximas telas do Ritmus.
Tese central
Toda tela deve expressar continuidade visual, linguagem nao generica e sensacao de ordem confiavel.
Anti-tese
Se a pagina ou um modulo futuro cair nesses sinais, a tela precisa voltar para revisao.
Principles
Princípios que guiam decisão
Os principios abaixo existem para reduzir ambiguidade. Eles servem como criterio de desenho, revisao e implementacao.
Clareza antes de efeito
A leitura precisa vencer qualquer recurso visual.
Refinamento antes de exibicao
O Ritmus impressiona por acabamento, nao por truque.
Inteligencia antes de decoracao
Estados, feedback e resposta importam mais que ornamentacao.
Minimalismo funcional
Reduzir ruido sem amputar capacidade.
Consistencia antes de liberdade
A repeticao correta vale mais que variacao sem criterio.
Movimento com intencao
Microanimacao so existe para orientar foco, estado e continuidade.
Foundations
Fundações visuais aprovadas
As fundacoes abaixo ja estao fechadas. Este modulo existe para materializa-las e impedir reinterpretacao ad hoc.
Typography
Satoshi
Contemporanea, limpa e com personalidade suficiente para sustentar um sistema premium.
Motion
Microanimacoes sutis
Resposta curta, continuidade visual e zero exibicionismo de motion.
Olive Smoke
#0f1110
#161917
#55614e
#7c8c73
#d7ddd2
Form language
Hibrida, precisa, suave
Nao dura demais, nao arredondada demais. Quinas controladas e geometria limpa.
Themes
Light
Nao pode parecer versao secundaria.
Dark
Nao pode ser so inversao preguiçosa.
Icon Governance
Phosphor com curadoria obrigatoria
Usar Phosphor nao significa usar qualquer icone do catalogo. Iconografia no Ritmus tem governanca.
Regra central
O modulo precisa orientar como escolher e rejeitar icones. Sem isso, a interface perde identidade e cai em variacao arbitraria.
Criterio
- • Clareza sem caricatura
- • Boa leitura em contexto operacional
- • Consistencia com a linguagem premium do Ritmus
- • Rejeitar infantilizacao, rebuscamento e simbolos com “cara de template”
approved
- • house
- • grid-four
- • magnifying-glass
- • clock-counter-clockwise
blocked
- • smiley
- • star
- • confetti
- • rocket-launch
custom
- • sidebar split
- • mission control
- • agent status
replace
- • calendar-heart
- • sparkle-heavy
- • mascots ou pictogramas caricatos
Rules & Anti-patterns
Como decidir e o que rejeitar
Toda proposta futura precisa ser comparada com estes criterios antes de seguir para implementacao.
Checklist de decisao
- • O foco principal da tela esta claro?
- • A hierarquia entre primario, secundario e apoio esta evidente?
- • A tela transmite conexao, inovacao e controle?
- • O acabamento parece deliberado?
- • A proposta parece Ritmus ou parece um SaaS qualquer?
Anti-padroes
Applied Examples
Exemplos aplicados
A regra importante precisa ganhar corpo visual. Aqui a pagina comeca a deixar de ser texto e vira referencia pratica.
Composicao alinhada
Primary focus
System Health
Hierarquia clara, respiro, contraste e leitura imediata.
Tasks
Apoio secundario sem competir com o foco.
Sessions
Continuidade visual e mesmo vocabulário formal.
Comparacao
Desalinhado
Cards demais, estilos demais, blur demais e foco nenhum.
Alinhado
Poucos focos, hierarquia forte, acabamento premium e comportamento contido.
Next-use Guidance
Como os proximos modulos devem usar esta base
Depois desta pagina, os proximos PRDs e SPECs nao reexplicam a identidade do Ritmus. Eles referenciam esta area como fonte operacional.
Antes de criar
Ler esta pagina e localizar principios, fundacoes e restricoes.
Durante a criacao
Aplicar as regras, registrar gaps e nao improvisar em silencio.
Antes de aprovar
Revisar contra anti-padroes, sensors e governanca de iconografia.