Solarpunk

Optimistic sustainable futurism. Where nature and technology grow together, building the hopeful future we deserve - not the dystopia we fear.

01 / Colors

Color Palette

Warm greens of living plants, solar gold of clean energy, sky blues of fresh air, and cream whites of open spaces.

Leaf Green

#4A7C59

Solar Gold

#D4A03C

Sky Blue

#87B5D9

Moss Green

#8BAB7F

Terracotta

#C17F59

Cream White

#FAF8F3

02 / Typography

Type Scale

Friendly, organic typefaces that feel approachable and human. Quicksand for display, Nunito for body text.

Display / Quicksand / 44px / Bold

A Future Worth Building

Heading / Quicksand / 30px / Semibold

Grow Together, Thrive Together

Subheading / Quicksand / 20px / Semibold

Technology in harmony with nature

Body / Nunito / 16px / Regular

Solarpunk imagines a future where humanity has learned to live sustainably. Solar panels and wind turbines power vertical gardens and green cities. Communities share resources and knowledge freely.

Small / Nunito / 14px / Regular

Captions, labels, and supporting details

03 / Spacing

Spacing Scale

Generous breathing room reflects clean air and open spaces. Room to grow, room to think, room to live.

4px
8px
16px
24px
32px
48px
64px

04 / Components

Buttons

Organic shapes that invite interaction. Nature-tech hybrids that feel alive and responsive.

05 / Forms

Input Fields

Soft, organic form elements that feel natural to interact with.

06 / Cards

Card Components

Containers with plant and solar motifs, embodying nature-technology harmony.

Solar Harvest

Every rooftop a power station. Clean energy flows through the community grid, abundant and shared freely with all.

Living Architecture

Buildings breathe with vertical gardens. Walls filter air while providing food. The city becomes a forest.

Community Gardens

Shared spaces where neighbors grow food together. Knowledge passes between generations, roots deepening.

Clean Horizons

Blue skies return as emissions fade. Children grow up breathing freely, knowing only sustainable abundance.

07 / Data

Data Table

Clear, accessible data presentation for community transparency.

Community Project Energy Generated Members Status
Sunrise Solar Collective 12,500 kWh/month 248 Active
Vertical Garden Tower 3,200 kWh/month 156 Active
Wind Meadow Project 8,750 kWh/month 89 Expanding
River Micro-Hydro -- 42 Planning

08 / Badges

Status Indicators

Leaf shapes and sun icons mark achievements and states in our sustainable community.

Renewable Solar Powered Organic Community Led Carbon Neutral

09 / Philosophy

Design Principles

The values that guide our visual language - building interfaces for the future we want.

01

Hopeful Optimism

Every design choice radiates possibility. We show the future worth building, not the dystopia to fear.

02

Nature Integration

Technology grows alongside plants. Organic curves, living colors, and breathing spaces throughout.

03

Community First

Designs serve collective wellbeing. Accessibility, inclusion, and shared benefit guide every decision.

04

Sustainable Abundance

Generous spacing suggests clean air. Warm light implies solar power. Nothing feels scarce or rationed.

05

Organic Technology

Tech patterns blend with natural textures. Solar panels become decorative elements. Infrastructure is beautiful.

06

Regenerative Growth

Interfaces should feel alive, growing, improving. Animations suggest plants unfurling, energy flowing.