# Design Language for economic.wiki

## Aesthetics and Tone
A clean academic wiki where economic knowledge is organized with textbook precision -- economic.wiki renders as a university economics textbook brought online: clean white pages, structured hierarchical headings, mathematical notation support, and the visual language of academic publishing. The textbook aesthetic values clarity above all: information architecture is transparent, cross-references are systematic, and every design decision serves comprehension.

The tone is professor-clear: explaining complex economic concepts with patience and precision, using analogies when helpful, always grounding theory in practical understanding.

## Layout Motifs and Structure
**Textbook System:** Single-column article layout (max-width 760px, centered) with a persistent table-of-contents sidebar.

**Section Flow:**
1. **The Cover:** Simple centered title with subtitle describing the topic.
2. **The Contents:** Clickable table of contents in left sidebar (240px).
3. **The Text:** Article body with numbered headings (1., 1.1., 1.2.), definition boxes, and equation blocks.
4. **The References:** Numbered bibliography at the bottom.

## Typography and Palette
- **Headlines:** "Merriweather" at 1.8rem-2.8rem, weight 700.
- **Body:** "Source Sans 3" at 1rem, weight 400, line-height 1.75.
- **Definitions:** "Source Sans 3" at 0.95rem, weight 400, on tinted background.
- **Math:** "Fira Code" for equation display.

**Palette:** White (#ffffff), Near-black (#1a1a1a), Academic Blue (#1a4a8a) for links and headings, Light Blue (#e8f0f8) for definition boxes, Grey (#6a6a6a) for secondary text, Border (#d0d0d8) for rules.

## Imagery and Motifs
**Numbered Headings:** All section headings use decimal numbering (1., 1.1., etc.) in Academic Blue, creating a textbook structure.

**Definition Boxes:** Key terms are highlighted in light-blue tinted boxes with a 3px left border in Academic Blue.

**Table of Contents:** A persistent left sidebar showing the article structure with active-section highlighting.

**Equation Blocks:** Mathematical expressions in Fira Code centered in their own paragraph with generous vertical padding.

## Prompts for Implementation
Build as an online textbook chapter. The table of contents sidebar loads alongside the article and highlights the current section on scroll (IntersectionObserver). Numbered headings create a clear hierarchy. Definition boxes stand out through their blue tint. The article reads smoothly in the centered column. No animations, no interactive gimmicks -- pure reading experience. Cross-reference links within the text are blue and underlined. References section uses hanging indents.

## Uniqueness Notes
1. **Textbook-precise article structure:** Decimal-numbered headings and systematic cross-references create academic rigor.
2. **Definition box highlighting:** Blue-tinted key-term boxes bring textbook didactic conventions to web.
3. **Active TOC sidebar:** The persistent, scroll-tracking table of contents creates a study-aid navigation.
4. **Academic blue as sole accent:** Using only one color (academic blue) for all emphasis creates focused clarity.

Document chosen seed/style: aesthetic: academic-textbook, layout: article-with-toc, typography: scholarly-mix, palette: white-academic-blue, patterns: numbered-headings, imagery: definition-boxes, motifs: toc-sidebar, tone: professor-clear
<!-- DESIGN STAMP
  timestamp: 2026-03-18T22:25:02
  seed: aesthetic: academic-textbook, layout: article-with-toc, typography: scholarly-mix, palette: white-academic-blue
  aesthetic: A clean academic wiki where economic knowledge is organized with textbook precision -...
  content_hash: c3d4e5f6a7b8
-->