● EN LÍNEA
Cloudscape Design System

Cloudscape Design System

AWS código abierto marco de trabajo de IU para consistent, accessible enterprise nube applications.

GratuitoSistemas de Diseño

Descripción General

Cloudscape Design System es el sistema de diseño de código abierto de Amazon Web Services (AWS) para construir experiencias de usuario intuitivas, accesibles y escalables en consolas de gestión en la nube y aplicaciones empresariales. Proporciona un conjunto integral de componentes UI, patrones, directrices y herramientas para asegurar la consistencia entre los servicios de AWS y aplicaciones de terceros, enfatizando la accesibilidad (cumplimiento WCAG), la internacionalización y la eficiencia del desarrollador con implementaciones React. Biblioteca de componentes: Elementos reutilizables como tablas, formularios, navegación, modales y visualizaciones de datos con variantes para modos claro/oscuro. Directrices: Especificaciones detalladas para colores, tipografía, iconos, espaciado, movimiento y voz y tono. Herramientas: Kit Figma para prototipado, componentes React para implementación y documentación para mejores prácticas. Accesibilidad y soporte global: ARIA integrado, navegación por teclado y preparación multilingüe.

label.best_for

Guidelines: Detailed specs para colores, tipografía, iconos, espaciado, motion, y voz & tone. herramientas: Figma kit para prototipado, React componentes para implementation, y documentation para mejor practices. accesibilidad & Global soporte: incorporado ARIA, keyboard navigation, y multi-language readiness.

Características Principales

  • biblioteca de componentes: Reusable elements como tables, forms, navigation, modals, y datos visualizations con variants para light/dark modes.
  • Guidelines: Detailed specs para colores, tipografía, iconos, espaciado, motion, y voz & tone.
  • herramientas: Figma kit para prototipado, React componentes para implementation, y documentation para mejor practices.
  • accesibilidad & Global soporte: incorporado ARIA, keyboard navigation, y multi-language readiness.

Pros

  • +Código abierto
  • +Basado en la nube, sin instalación
  • +Amplia biblioteca de iconos
  • +Generación de paletas de colores

Contras

  • -La adopción requiere alineación del equipo
  • -La personalización puede ser compleja

/// ESPECIFICACIONES

  • Precio:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Herramientas Similares