Palmetto Design System
código abierto sistema de diseño para consistent, accessible solar energy product interfaces.
Descripción General
Palmetto Design System es el sistema de diseño de código abierto de Palmetto, que proporciona componentes UI, patrones y directrices reutilizables para construir experiencias digitales consistentes, accesibles y escalables para productos y servicios de energía solar. Se enfoca en branding de energía limpia con modularidad, temas de sostenibilidad y diseño centrado en el usuario, incluyendo componentes React y bibliotecas Figma para colaboración sin problemas en plataformas web y móviles. Biblioteca de componentes: Elementos reutilizables como botones, formularios, tarjetas, navegación y visualizaciones de datos con variantes para temas y estados. Tokens de diseño: Colores semánticos (paletas inspiradas en la energía solar), tipografía, espaciado, iconos y movimiento para consistencia de marca. Accesibilidad: Cumplimiento WCAG con soporte ARIA y patrones inclusivos. Herramientas: Kit Figma para prototipado; biblioteca React para implementación.
Ideal para
equipos construyendo escalable, consistent digital products.
Características Principales
- biblioteca de componentes: Reusable elements como buttons, forms, cards, navigation, y datos visualizations con variants para themes y states.
- tokens de diseño: Semantic colores (solar-inspired paletas), tipografía, espaciado, iconos, y motion para marca consistency.
- accesibilidad: WCAG compliance con ARIA soporte y inclusive patrones.
- herramientas: Figma kit para prototipado; React biblioteca para implementation.
Pros
- +Código abierto
- +Colaboración en tiempo real
- +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
Pajamas
GitLab's código abierto sistema de diseño para consistent, accessible interfaces través de products.
NativeBase Design System
código abierto IU biblioteca de componentes para React nativo con personalizable, accessible multiplataforma diseños.
NewsKit
News UK's código abierto sistema de diseño para consistent, accessible digital news experiences.
Paste
Twilio's código abierto sistema de diseño para consistent, accessible communication product interfaces.
Pando Design System
Pluralsight's código abierto sistema de diseño para consistent, accessible web interfaces.
Porsche Design System
código abierto marco de trabajo para consistent, premium automotive digital interfaces.
Primer Design System
GitHub's código abierto sistema de diseño para consistent, accessible web interfaces.
Orbit
Kiwi.com's código abierto sistema de diseño para consistent, accessible travel booking interfaces.
gluestack-ui
código abierto universal React biblioteca de IU con personalizable, accessible componentes para web y nativo apps.
Paradigm Design System
Mail.ru/VK's código abierto marco de trabajo para consistent web interfaces.