Search

Search components, tokens, patterns, architecture

Patterns

Empty States

Empty means the system is learning. Cards keep their eyebrow, say what they're waiting for, name the threshold, and offer the feeding action. The threshold ladder paces the first weeks as a sequence of unlocks.

Today's Focus

Learning your patterns

A few more logged days and Peri can estimate your recovery capacity.

Eyebrow stays · explanation names the wait · tint action feeds the engine

Rules

  1. 01Cards never disappear and never show dashes or zeros.
  2. 02“Learning your patterns” is the canonical voice.
  3. 03Name thresholds: 3 entries (trends) · 5 (what-next, focus) · 14 (playbooks) · 2 period starts (cycle).
  4. 04The feeding action uses the tint button, not the gradient CTA.

Examples

First week

Day 1: everything in learning mode. Day 3: trends appear. Day 5: focus goes live. Day 14: the playbook speaks. Each unlock teaches what feeds it.

Anti-patterns

What breaks this pattern

  • “No data available”
  • Empty charts with greyed axes
  • Guilt copy about logging streaks

Do

  • ·Treat empties as onboarding
  • ·Keep the learning copy specific

Don't

  • ·Zero out gauges
  • ·Hide cards below threshold