Biophilic Solarpunk / Eco-Futurism

# Biophilic Solarpunk / Eco-Futurism — style sheet

> Hopeful regenerative futurism: organic Bézier contours, sun-bleached terracotta, chlorophyll green, golden-hour ochre, woven linen canvas textures, low-carbon page weight budgets, generative growth SVG branch dividers, and solar irradiance telemetry.

Derived from 3 curated reference(s) in the `biophilic-solarpunk` family. Counts are how many references use a value, so a value used once is a lead, not a rule. Paste this into DESIGN.md as a starting system, then verify against the images.

## Type

- Charis SIL — 1/3
- Fraunces — 1/3
- GT America — 1/3
- Newsreader — 1/3
- Outfit — 1/3
- Suisse Works — 1/3

## Color

- `#f5f5ed` light neutral — 3/3
- `#27272a` dark neutral — 2/3
- `#1f2937` dark neutral — 1/3
- `#3f6212` chromatic — 1/3
- `#047857` chromatic — 1/3
- `#c2410c` chromatic — 1/3
- `#15803d` chromatic — 1/3
- `#a16207` chromatic — 1/3
- `#d97706` chromatic — 1/3

Readable pairs from these swatches, most-used first (WCAG AA body text needs 4.5:1):
- `#27272a` / `#f5f5ed` — 13.6:1
- `#1f2937` / `#f5f5ed` — 13.4:1
- `#3f6212` / `#f5f5ed` — 6.5:1
- `#047857` / `#f5f5ed` — 5:1

## Moves

### grid/layout

- Dendrochronological horizontal timeline scrolling: historical timber trade data mapped to tree ring cross-sections with variable step widths. — 47-formafantasma-cambio-ecological-archive
- Curvilinear container shells (border-radius: 40px 12px 60px 20px) echoing earth-cast silt architecture and passive desert cooling vaults. — 48-arcosanti-paolo-soleri-biophilic-architecture-portal

### color

- Dithered monochrome and duotone photographic assets that compress to under 8KB while achieving rich warm editorial texture. — 46-low-tech-magazine-solar-powered-web

### component pattern

- Expose real-time infrastructure telemetry in the masthead: current solar battery level, local weather at server location, and page electrical budget. — 46-low-tech-magazine-solar-powered-web

### texture/material

- Unbleached canvas substrate with zero high-wattage animations; layout responds passively to ambient client daylight and battery levels. — 46-low-tech-magazine-solar-powered-web

### typography

- Quiet botanical footnote citations rendered in muted olive-green monospace (#4D5E37) running parallel to humanist book serif body text. — 47-formafantasma-cambio-ecological-archive

### motion/interaction

- Slow circadian transition (3000ms duration) that subtly shifts color temperature from morning amber to midday crisp white to evening terracotta. — 48-arcosanti-paolo-soleri-biophilic-architecture-portal

## References

- 46-low-tech-magazine-solar-powered-web — Low-Tech Magazine: Solar-Powered Web (exemplar)
- 47-formafantasma-cambio-ecological-archive — Formafantasma: Cambio Ecological Archive
- 48-arcosanti-paolo-soleri-biophilic-architecture-portal — Arcosanti / Paolo Soleri Biophilic Architecture Portal