Design Showcase
Back to CI Guide
🌙
Dark Mode
Comprehensive UI component library showcasing how the EIFER brand identity can be applied in digital interfaces.
Different button styles for various use cases
Small, default, and large button sizes
Buttons with icons for compact actions
Standard input fields with labels
Dropdowns and multi-line text inputs
Boolean selection controls
Contextual feedback messages
Status indicators and labels
Visual progress representation
Vertical navigation with icons
Horizontal tab navigation
Tab content would appear here...
Key metrics with trends
Simple data visualization
Structured data presentation
| Project | Area | Status |
|---|---|---|
| H2 Storage Analysis | Hydrogen | Active |
| Urban Grid Study | City | Review |
| Solar Integration | Multi-Energy | Active |
Card with image and action
Monitor real-time energy production and consumption data across all facilities.
User avatars with initials
Team Members:
Activity history display
Confirmation and form dialogs
Are you sure you want to archive this project? This action can be undone later.
Hover for additional info
Spinners and skeletons
Proportional data distribution
Progress with center value
Trend visualization over time
Performance indicator
Compact inline trend
Comparison with breakdown