Design Guidelines
EcoKit is the design system for the Open Climate Transparency Platform. Use these guidelines to ensure consistent implementation across all applications.
Color
Brand colors, neutrals, contrast requirements, dark mode
Typography
Font families, sizes, weights, hierarchy
Spacing
Spacing scale, usage patterns, vertical rhythm
Motion
Duration, easing, animations, accessibility
Layout
Grid system, responsive breakpoints, containers
Accessibility
WCAG compliance, keyboard navigation, screen readers
Writing
CTA writing, climate action words, voice & tone, inclusive language
UX Research
Research methods, user personas, cadence, insight documentation
Iconography
Icon system, climate icon vocabulary, sizing, accessibility
Data Visualization
Chart types for emissions data, color encoding, labeling, accessibility
Integration
See INTEGRATION.md for how to import and use EcoKit in your project.