● ONLINE
Cloudscape Design System

Cloudscape Design System

AWS código aberto framework de IU para consistent, accessible enterprise nuvem applications.

GratuitoSistemas de Design

Visão Geral

Cloudscape Design System is Amazon Web Services' (AWS) open-source design system for building intuitive, accessible, and scalable user experiences in cloud management consoles and enterprise applications. It provides a comprehensive set of UI components, patterns, guidelines, and tools to ensure consistency across AWS services and third-party apps, emphasizing accessibility (WCAG compliance), internationalization, and developer efficiency with React implementations. Component Library: Reusable elements like tables, forms, navigation, modals, and data visualizations with variants for light/dark modes. Guidelines: Detailed specs for colors, typography, icons, spacing, motion, and voice & tone. Tools: Figma kit for prototyping, React components for implementation, and documentation for best practices. Accessibility & Global Support: Built-in ARIA, keyboard navigation, and multi-language readiness.

label.best_for

Guidelines: Detailed specs para cores, tipografia, ícones, espaçamento, motion, e voz & tone. ferramentas: Figma kit para prototipagem, React componentes para implementation, e documentation para melhor practices. acessibilidade & Global suporte: integrado ARIA, keyboard navigation, e multi-language readiness.

Principais Recursos

  • biblioteca de componentes: Reusable elements como tables, forms, navigation, modals, e dados visualizations com variants para light/dark modes.
  • Guidelines: Detailed specs para cores, tipografia, ícones, espaçamento, motion, e voz & tone.
  • ferramentas: Figma kit para prototipagem, React componentes para implementation, e documentation para melhor practices.
  • acessibilidade & Global suporte: integrado ARIA, keyboard navigation, e multi-language readiness.

Prós

  • +Código aberto
  • +Baseado em nuvem, sem instalação
  • +Biblioteca extensa de ícones
  • +Geração de paleta de cores

Contras

  • -A adoção requer alinhamento da equipe
  • -A personalização pode ser complexa

/// ESPECIFICAÇÕES

  • Preço:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Ferramentas Similares