This guide ensures that Stimpunks pages remain consistent, readable, and accessible as the site grows.
The goal is simple:
Clear structure. Clear navigation. Easy scanning.
Heading Structure
Use only one H1 per page.
# Page TitleIntro paragraph.## SectionContent.### SubsectionContent.
Hierarchy:
H1 — Page titleH2 — Main sectionsH3 — Subsections (optional)H4 — Rare deeper subdivisions
Avoid skipping levels (for example H2 → H4).
Page Structure
Most pages should follow this structure.
# Page TitleIntro paragraph explaining the concept.## The Core IdeaExplain the main concept clearly.## Key Concepts or PatternsList or describe the major ideas.## Examples or ApplicationsShow how the idea works in practice.## Related PagesLink to relevant pages across the site.
Intro Paragraph
The introduction should:
- explain the concept quickly
- give context
- orient the reader
Example:
# MonotropismMonotropism describes how attention concentrates deeply on a small number of interests. It explains why sustained focus and interest-driven learning are common in autistic cognition.
Keep intros 2–4 sentences.
Lists
Use bullet lists for clarity.
- Monotropism- Deep Attention- Processing Time- Attention Anchors
Use numbered lists only when order matters.
Diagrams
Use simple text diagrams when possible.
Example:
Attention↓Energy↓Regulation↓Environment
This keeps pages readable and accessible.
Internal Links
Use title links, not bare URLs.
Correct:
[Pattern 01 — Monotropism](/patterns/library/monotropism/)
Avoid:
https://stimpunks.org/patterns/library/monotropism/
This improves readability.
Related Pages Section
Most pages should end with a Related Pages section.
Example:
## Related Pages- [Pattern Library](/patterns/library/)- [Pattern Recipes](/patterns/recipes/)- [Designing Attention Sanctuaries](/patterns/recipes/attention-sanctuaries/)- [Cavendish Space](/cavendish/)
This strengthens the knowledge graph of the site.
Pattern Page Template
Use this structure for pattern pages.
# Pattern XX — Pattern NameIntro paragraph describing the pattern.## The PatternExplain the concept.## Why It MattersDescribe the implications.## Where It AppearsExamples of environments or situations.## Related PatternsLinks to related patterns.## Design ImplicationsHow designers can respond.
Recipe Page Template
Recipe pages translate patterns into practical design.
# Designing Example EnvironmentIntro paragraph.## The GoalWhat the environment should achieve.## Relevant Patterns- Pattern A- Pattern B- Pattern C## Design MovesConcrete steps designers can take.## Example EnvironmentsWhere this design might appear.## Related RecipesLinks to other design recipes.
Environment Page Template
Environment pages describe real contexts.
# Neurodivergent WorkplacesIntro paragraph.## The ChallengeWhat typical environments get wrong.## Key Design PatternsPatterns relevant to this environment.## Design StrategiesPractical approaches.## Example SpacesReal-world implementations.## Related PagesLinks to patterns and recipes.
Diagram Sections
Use diagrams sparingly but strategically.
Example:
## The Design LadderExperiences↓Patterns↓Recipes↓Environments↓Civilization
Diagrams help readers grasp the system architecture quickly.
Tone and Voice
Write in a tone that is:
- clear
- respectful
- practical
- hopeful
Avoid:
- academic jargon when possible
- overly technical language
- long dense paragraphs
Prefer short paragraphs and strong structure.
Accessibility
To support accessibility:
- keep paragraphs short
- use headings frequently
- avoid dense blocks of text
- use clear language
Structure helps both humans and screen readers.
Page Length
Ideal page length:
800–1500 words
Longer pages should include clear sections and diagrams.
Final Rule
Every page should help the reader answer one question:
How does this help us design better environments for neurodivergent life?
