Palmetto Design System
código aberto sistema de projetar para consistent, accessible solar energy product interfaces.
Visão Geral
Palmetto Design System is Palmetto's open-source design system, providing reusable UI components, patterns, and guidelines to build consistent, accessible, and scalable digital experiences for solar energy products and services. It focuses on clean energy branding with modularity, sustainability themes, and user-centered design, including React components and Figma libraries for seamless collaboration across web and mobile platforms. Component Library: Reusable elements like buttons, forms, cards, navigation, and data visualizations with variants for themes and states. Design Tokens: Semantic colors (solar-inspired palettes), typography, spacing, icons, and motion for brand consistency. Accessibility: WCAG compliance with ARIA support and inclusive patterns. Tools: Figma kit for prototyping; React library for implementation.
Melhor para
equipes construindo escalável, consistent digital products.
Principais Recursos
- biblioteca de componentes: Reusable elements como buttons, forms, cards, navigation, e dados visualizations com variants para themes e states.
- tokens de projetar: Semantic cores (solar-inspired paletas), tipografia, espaçamento, ícones, e motion para marca consistency.
- acessibilidade: WCAG compliance com ARIA suporte e inclusive padrões.
- ferramentas: Figma kit para prototipagem; React biblioteca para implementation.
Prós
- +Código aberto
- +Colaboração em tempo real
- +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
Paste
Twilio's código aberto sistema de projetar para consistent, accessible communication product interfaces.
NativeBase Design System
código aberto IU biblioteca de componentes para React nativo com personalizável, accessible multiplataforma designs.
NewsKit
News UK's código aberto sistema de projetar para consistent, accessible digital news experiences.
Orbit
Kiwi.com's código aberto sistema de projetar para consistent, accessible travel booking interfaces.
Pajamas
GitLab's código aberto sistema de projetar para consistent, accessible interfaces através de products.
Pando Design System
Pluralsight's código aberto sistema de projetar para consistent, accessible web interfaces.
Porsche Design System
código aberto framework para consistent, premium automotive digital interfaces.
Primer Design System
GitHub's código aberto sistema de projetar para consistent, accessible web interfaces.
gluestack-ui
código aberto universal React biblioteca de IU com personalizável, accessible componentes para web e nativo apps.
Paradigm Design System
Mail.ru/VK's código aberto framework para consistent web interfaces.