PageWeave/Design
llms.txt Contribute
Menu
Styles Themes Components Skills Prompts Guides Collections Changelog About

Collections / Dark Editorial Starter

1 Collection .md

Dark Editorial Starter

Everything needed to launch a reading-first dark site

In this stack

  1. Style Editorial Magazine layouts, serif voices, measured whitespace. Print discipline carried to the screen.
  2. Theme Ember Desk Warm near-black paper, cream ink, persimmon accent. Dark editorial for reading-heavy sites.
  3. Component Editorial Hero Typographic split hero — mono kicker, oversized serif headline, paired CTAs.
  4. Component Minimal Nav Sticky minimal header — wordmark, underline-hover links, details-based mobile menu.
  5. Component Specimen Card Library card — index number, title, clamped lede, swatch strip, .md chip.
  6. Component Stats Strip A horizontal band of large display numbers with mono captions — proof without charts.
  7. Component Closing CTA The closing banner — display headline, single action, generous space.
  8. Skill Markdown-First Site Build websites fully accessible through markdown: .md twins, llms.txt indexes, agenticweb.md, agents_md maintenance loops.
  9. Guide The Core Rules The non-negotiables of designing on PageWeave — daisyUI semantics, characterful type, and the death of generic AI aesthetics.
  10. Guide Typography Systems Building type scales that carry personality — pairing logic, size systems, and the details that separate set type from default type.
  11. Guide Motion Choreography Orchestrated motion: one load sequence, purposeful micro-interactions, and reduced-motion discipline.

Why this stack

Dark editorial is the highest-leverage register for reading-heavy sites: warm near-black grounds keep long sessions comfortable, serif display voices carry authority, and one accent does all the pointing. This collection assembles everything to go from empty site to shipped in one pass.

The path

  1. Read Core Rules and Typography Systems — the floor.
  2. Study the Editorial direction for layout grammar and pacing.
  3. Apply Ember Desk via update_theme, load Fraunces + Instrument Sans + Spline Sans Mono in html_head.
  4. Compose with the hero, nav, card, stats and CTA components — all token-based, they inherit the theme.
  5. Wire markdown twins using the Markdown-First Site skill so agents get the same content humans do.
  6. Ship via the release ritual: dev preview → dry-run → attach → verify.

Time estimate

An experienced agent ships this stack in under an hour; a human–agent pair in an afternoon including content.