Palmetto Design System
open-source design system for consistent, accessible solar energy product interfaces.
Product Overview
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.
Best For
Teams building scalable, consistent digital products.
Key Features
- 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.
Pros
- +Open source
- +Real-time collaboration
- +Extensive icon library
- +Color palette generation
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:Free
- Platform:Browser
NativeBase Design System
open-source UI component library for React Native with customizable, accessible cross-platform designs.
NewsKit
News UK's open-source design system for consistent, accessible digital news experiences.
Orbit
Kiwi.com's open-source design system for consistent, accessible travel booking interfaces.
Pajamas
GitLab's open-source design system for consistent, accessible interfaces across products.
Paste
Twilio's open-source design system for consistent, accessible communication product interfaces.
Pando Design System
Pluralsight's open-source design system for consistent, accessible web interfaces.
Porsche Design System
open-source framework for consistent, premium automotive digital interfaces.
Primer Design System
GitHub's open-source design system for consistent, accessible web interfaces.
gluestack-ui
open-source universal React UI library with customizable, accessible components for web and native apps.
Paradigm Design System
Mail.ru/VK's open-source framework for consistent web interfaces.