Design system — Flower Paper

Referência visual: seis capturas fornecidas no planejamento (2026-10-23): wallpaper floral escuro, janelas claras com contorno fino vermelho no foco, painéis isolados nos cantos inferiores, launcher textual central e lockscreen desfocada. Não reproduzir wallpaper de terceiros sem licença.

Semântica

Flowral = flor + fluxo + papel. O desktop deve parecer folhas sobre uma fotografia, com a menor quantidade possível de molduras/cromos. Uma superfície clara não precisa ser branca pura; em dark, o papel pode ser carvão/ameixa fosco.

Componentes

• Window sheet: superfície opaca/semipermeável estática, reta ou raio mínimo, borda 1–2 px, highlight no foco, sem barra de título do compositor.
• Floating islands: bloco inferior esquerdo (workspace + data) e bloco inferior direito (hora, bateria e indicadores), dimensões mínimas ao conteúdo, não barra de largura total.
• Launcher: coluna de texto, busca imediata, seleção sutil com cor floral, navegação por teclado, sem ícones grandes por padrão.
• Context panels: Wi-Fi/Bluetooth/volume em janelas compactas, mesmas tokens do tema.
• Lockscreen: relógio maior, wallpaper desfocado (preferir background pré-processado/estático), área de login evidente, fallback sem GPU effects.
• Notifications: superfícies ‘paper’, timeout moderado, agrupamento, não tomar o foco.
• Agent workspace: Markdown claro, diffs com aprovação visível, sem estética de dashboards pesados.

Paletas iniciais (candidatas)

Tokenização é mais importante que códigos definitivos. Contrast ratio deve ser medido; cores acima não são aprovação final de WCAG. A referência original de foco vermelho poderá ser um accent opcional nos seis temas.

Tokens

canvas, surface.paper, surface.raised, text.primary, text.secondary, accent.primary, border.focus, border.idle, selection, error, warning, success, shadow.low, radius.paper, spacing.{1..8}, font.ui, font.mono, motion.duration.fast, motion.reduced.

Tipografia e acessibilidade

• UI principal: fonte legível licenciada para redistribuição, com fallback.
• Código e indicadores: monoespaçada com boa distinção 0/O, 1/l/I.
• Texto ajustável; área de clique mínima adequada; indicador de foco nunca depende exclusivamente de cor.
• Atalhos descobríveis e operáveis sem mouse; labels em botões só-ícone; modo alto contraste.
• Redução de animações, sem blur de alta frequência; não usar ícones florais ornamentais em todos os controles.
• Notificações e layouts evitarão sobrecarga visual/cognitiva.

Componentes Slint

PaperWindow, FlowerButton, FlowralField, SearchField, Toggle, SegmentedControl, SidebarItem, StatusRow, ConfirmDialog, Toast, EmptyState, ColorSwatch, ProviderCard, McpServerRow.

Estados: default, hover, focus-visible, pressed, disabled, loading, success/error e high-contrast. Componentes e tokens centralizados em crates/flowral-ui.

Não fazer

Gradientes e desfoque permanente em tela inteira; frosted glass em janelas comuns; titlebars com botões; contraste fraco por estética; animações obrigatórias para navegação; imagem com copyright não atribuído.