Design system

WhiteSpace

Vidro líquido e soft-neo monocromático. A cor existe só na aurora do fundo da página; o resto é profundidade, aro pérola e sombra. Hover nunca move.

Profundidade — conjunto fechado
Página
surface-page + aurora
Well
surface-well · shadow-recessed
Panel
surface-panel · shadow-panel
Glass
glass-fill · aro pérola
Escada de interação
Repouso
shadow-panel
Hover
shadow-panel-hover
Selecionado
shadow-panel-selected
Cor
Tipografia
Como posso ajudar?
Título · Urbanist 500 · 18
Subtítulo · Urbanist 500 · 15
Rótulo · Urbanist 500 · 12
Sobrelinha · Urbanist 600 · 10

Corpo · Nunito Sans light 14/1.55. Uma palavra em ênfase vira Urbanist.

Chat · Nunito Sans light 13/1.6.

Meta · 11 · muted-foreground
A escuta vem antes da palavra.
Roboto Mono · 12 · npm run check
Botões
Campos, navegação e estado
Conectado Em fila Erro
m4aEsta semana
Arquivos originais nunca são sobrescritos por processo automático.
Chat e status
Resume a última entrega da semana.
A transcrição de sexta está normalizada. Posso abrir o arquivo ou gerar o resumo estruturado.
Arquivo restaurado
Normalização pendente
$ npm run check
oxfmt --check · oxlint · tsc
Superfície Universal
Tela cheia
INTEGRAÇÃO UNIVERSAL AGNÓSTICA DE DOMÍNIO

MCP & Cloudflare Artifacts

Use o WhiteSpace Design System em qualquer site, aplicação ou agente via CDN direta, Servidor MCP Remoto ou repositório Cloudflare Artifacts.

1. CDN Universal (Qualquer Site)
CSS + Web Components

Adicione no <head> de qualquer página para habilitar os 197 tokens, classes .ws-* / .fg-* e tags <ws-*>.

<link rel="stylesheet" href="https://wds.myselfgus.dev/wds.css">
<script src="https://wds.myselfgus.dev/wds.js" defer></script>
2. MCP Remoto & Artifacts
10 Ferramentas + 7 Resources

Conecte qualquer agente ou clone o repositório oficial.

MCP URL   : https://wds.myselfgus.dev/mcp
Artifacts : artifacts:myselfgus/wds
Skill MD  : https://wds.myselfgus.dev/SKILL.md
Tokens    : https://wds.myselfgus.dev/tokens.json