# Design Language for tanso.market

## Aesthetics and Tone
tanso.market (炭素 = Carbon, market) distills carbon trading into Scandinavian functional clarity -- clean lines, natural materials, and the warm-inviting simplicity of Nordic design principles. The visual identity draws from Scandinavian furniture showrooms (IKEA catalog precision meets Hay design elegance), the clean white spaces of Copenhagen architecture, the organic forms of Finnish Marimekko textile patterns, and the subtle leaf motifs of Nordic environmental branding. The tone is warm-inviting -- approachable, trustworthy, and gently encouraging, like a well-designed marketplace that makes sustainable choices easy.

## Layout Motifs and Structure
**Minimal-navigation** layout with almost no visible chrome -- content speaks for itself, with navigation reduced to a single floating icon and keyboard shortcuts.

**Primary structure:**
- **Opening viewport (100vh):** A warm white background (#f8f4f0) with "TANSO.MARKET" in clean geometric sans-serif. A single leaf-organic motif (SVG, thin green stroke) sits beside the title. Almost nothing else -- pure Scandinavian restraint.
- **Content flow:** Narrow centered column (max-width: 600px) with generous spacing. Each content section is a self-contained unit with clear hierarchy. Minimal imagery -- text and whitespace dominate.
- **Underline-draw interactions:** Links feature a thin complementary-colored underline that draws from left to right on hover, the primary interaction feedback.
- **Leaf-organic section markers:** Small organic leaf/branch SVG elements mark section beginnings, providing natural wayfinding.

## Typography and Palette
**Fonts:**
- **Headlines:** "DM Sans" (Google Fonts) -- clean geometric sans, weight 700, size: clamp(24px, 4vw, 44px). The geometric clarity channels Scandinavian type tradition.
- **Body:** "Inter" (Google Fonts) -- weight 400, size: clamp(16px, 1.6vw, 19px), line-height: 1.85. Generous size and line-height for comfortable reading.
- **Accents:** "Space Mono" (Google Fonts) -- monospace for carbon credit metrics and prices.

**Palette:**
- **Nordic White:** #f8f4f0 -- primary background
- **Pine Green:** #3a6a50 -- primary accent (complementary warmth)
- **Warm Charcoal:** #3a3632 -- primary text
- **Blush Pink:** #d4847a -- complementary accent
- **Birch Cream:** #e8e0d4 -- secondary surfaces
- **Moss Light:** #7a9a70 -- secondary accent
- **Fog Gray:** #a8a4a0 -- metadata, secondary text

## Imagery and Motifs
- **Minimal clean surfaces:** Vast whitespace, thin horizontal rules (1px #e8e0d4), and precise type hierarchies. The minimal imagery IS the imagery.
- **Leaf-organic SVG markers:** Small, simple leaf/branch illustrations (1.5px strokes, #3a6a50) at section transitions and navigation points.
- **Underline-draw links:** `background: linear-gradient(#d4847a, #d4847a); background-size: 0% 1.5px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 300ms ease`.
- **Complementary color accents:** Pine green and blush pink create warm complementary contrast sparingly applied.

## Prompts for Implementation
Scandinavian carbon marketplace. Minimal navigation reduces friction. Clean whitespace creates trust. Leaf motifs provide organic wayfinding. Underline-draw creates subtle interactive delight.

**Opening:** Pure white fade-in, "TANSO.MARKET" appears with letter-spacing animation (from wide to standard), leaf motif draws itself beside title.

AVOID: CTA-heavy layouts, pricing blocks, stat-grids. No dark mode. No decorative excess. No loud colors. No heavy borders.

## Uniqueness Notes
1. **Scandinavian minimal for carbon marketplace:** No other design applies Nordic design restraint to a carbon trading context, creating uniquely trustworthy simplicity.
2. **Near-invisible navigation in marketplace:** The ultra-minimal navigation (single icon + keyboard shortcuts) challenges marketplace conventions.
3. **Complementary green-pink as carbon palette:** The pine green + blush pink complementary pair creates unexpected warmth for an environmental marketplace.
4. **Leaf-organic SVG as sole decorative system:** Using only simple leaf/branch drawings as the entire decorative vocabulary achieves remarkable visual consistency.

**Seed/style:** scandinavian aesthetic, minimal-navigation layout, geometric-sans typography, complementary palette, underline-draw patterns, minimal imagery, leaf-organic motifs, warm-inviting tone
**Avoided overused patterns:** No centered+card-grid (96%/92%), no parallax (98%), no warm palette (87%), no mono typography (86%), no photography (78%), no mysterious-moody tone (67%)
<!-- DESIGN STAMP
  timestamp: 2026-03-21T12:45:55
  seed: unspecified
  aesthetic: tanso.market (炭素 = Carbon, market) distills carbon trading into Scandinavian fun...
  content_hash: e0e6883a4c12
-->