page-number-sigils

name	page-number-sigils
description	Use when designing editorial pages. '01 / 06' page indicators add catalog gravitas and orient readers in long scrolls.

Page-Number Sigils

Page-number sigils ('01 / 06', 'IV / X') are a tiny detail that signals editorial seriousness. Inherited from print catalogs and magazines.

The sigil pattern

Format options:

• 01 / 06 — Arabic, padded zero, divider
• I / VI — Roman numerals
• 01 — 06 — em-dash separator
• Page 1 of 6 — verbose; reserve for accessibility

Place top-right or bottom-left of each section. Small caps. 10-14pt. Color 60% of body text.

Where to use sigils

1. Hero section: '01 / 06' marker top-right
2. Section dividers: subtle '02 / 06' before each new section
3. Footer / colophon: full count
4. Reading progress: dynamic sigil that updates as user scrolls

Avoid: every paragraph (overwhelming), in CTAs, in nav.

Typography for sigils

Use the body font (Inter Tight in CardPrepAI) but set:

• Small caps or tabular figures
• 10-12pt
• 70-80% body color
• Letter-spacing 0.05-0.1em
• Tabular-nums for alignment if multi-digit

Where this fits in the X3 empire

Used on every CardPrepAI page (hero, methodology, demo, pricing). Adds the catalog feel that 'template SaaS' lacks.