RYAN
Central de comunidades DiscordMultilíngue · Auditável · Escalável
Abrir navegação
Navegação
DescobrirVisão geralComandosRecursos
ProdutoCentralDesign systemPrivacidade
Adicionar ao Discord
RYAN / DESIGN LANGUAGE

Precisão operacional.
Presença humana.

Um sistema escuro, tátil e sóbrio para comunidades vivas. A interface reduz ruído, faz o próximo passo aparecer e preserva a personalidade da RyderMais.

Abrir Central Ver comandos
COMPOSIÇÃO

60 / 30 / 10, aplicado à operação.

É uma proporção de atenção, não uma regra decorativa: o acento só aparece onde uma decisão, um estado ou uma métrica realmente pedem foco.

60%
Base

Floresta e grafite criam silêncio visual para a informação.

30%
Superfície

Cartões e campos elevam a tarefa sem competir com o conteúdo.

10%
Decisão

Ouro para a ação que move o fluxo; mint apenas para sinal positivo.

COMPONENTES

Poucas peças, estados previsíveis.

Botões, cartões, etiquetas e campos usam os mesmos tokens semânticos em toda a landing, catálogo e Central.

AÇÃO
Hierarquia clara
Uma ação principal por bloco; alternativas discretas, mas sempre acessíveis.
FORMULÁRIO
Campos que explicam
Rótulo persistente e ajuda curta em vez de depender apenas do placeholder.
Usado apenas para avisos operacionais do servidor.
GUARDRAILS

O que mantém a experiência coesa.

01

Legibilidade antes do clima

Texto de interface tem contraste AA e densidade controlada; a tipografia editorial entra apenas nos títulos.

02

Feedback no ponto da ação

Estados de carregamento, sucesso e erro aparecem junto ao controle que os causou, sem quebrar o contexto.

03

Mobile é primeiro-class

Controles têm alvos confortáveis, navegação colapsável e abas que podem ser percorridas sem esmagar o conteúdo.