Nomenclaturas

Estilo de escrita

Diretrizes e definições de elementos e componentes

Elementos

• Cores
  • Cores da interface do usuário (Semântica)
  • Variações
  • Contrastes e acessibilidade
• Tipografia
• Cantos arredondados
• Espaçamentos
• Estruturação do layout

Componentes

• Botão

  • Definição
  • <button> ou <a>
  • Square ou Rounded
  • Boas práticas

• Checkbox e Switch

  • Definições
    • Checkbox
    • Switch
  • Como saber quando usar qual controle
  • Boas práticas

• Modal e Drawer (Float Panel)

  • Definições
    • Modal
    • Drawer (Painel)

Fretefy Design System · zeroheight

<aside> 👉🏻 Illustration by Icons 8 from Ouch!

</aside>

←

Princípios de design