Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Pangaia
E-commercePangaia embodies earth-conscious luxury through a nature-immersive aesthetic that places products directly into wildflower meadows and grasslands. The brand's visual language speaks to mindful consumers who see sustainability as premium, using organic compositions and natural textures to communicate authenticity over artifice.
Design Identity
Signature Color
Earth Black
#000000
grounded sophistication that lets natural colors shine while conveying premium sustainability
Visual Identity
Products photographed in their natural habitat - clothing literally placed in wildflower fields, grass, and organic environments rather than sterile studio settings, creating an immediate connection between product and earth.
Component Style
Soft, organic button treatments with 12px rounded corners that echo natural forms. Clean typography hierarchy mixing custom serif headlines with sans-serif body text. Minimal shadows and borders, letting content breathe naturally like the outdoor photography.
Spacing Philosophy
Generous breathing room that mirrors natural landscapes - 25px widget spacing creates meadow-like openness, while content flows organically without rigid grid constraints, mimicking how nature grows.
Design Principles
- Button radius fixed at 12px for organic softness
- Filter elements use 100px pill shapes mimicking seeds
- Typography mixing custom serif (HW Cigars 48px) with clean sans-serif
- Black buttons (#000000) ground the design like rich soil
- Natural photography always integrated, never isolated
Target Audience
Environmentally conscious millennials and Gen Z who prioritize sustainable fashion and see eco-friendly choices as premium lifestyle statements rather than compromises.
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 16px | |
| h1 | 48px | 400 | 58.4304px | |
| h2 | 12px | 400 | 15.9996px | |
| h3 | 46px | 400 | 55.9958px | |
| p | 15px | 400 | 24px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | normal | |
| nav | 16px | 400 | 16px | |
| header | 16px | 400 | 16px |
Color Palette
#000000#313131#ffffff#dbdde4#676986#ebebeb#f7f7f8#9a9db1#d3d4dd#b2f9e9#c0bfbf#e9e9eb
