Search

Search components, tokens, patterns, architecture

Design & Product Architecture Portal

Recovery intelligence,
designed to be understood.

Peri is an AI-native recovery intelligence product for active women in perimenopause. It connects cycle history, training load, sleep, symptoms and wearable data into one answer: what is most likely affecting my capability today?

This portal is the living source of truth for Peri's design system, patterns, and product architecture. Behaviour is documented from the shipped application; visuals from Figma; divergences are ruled explicitly.

Today's Focus

Train lighter

Recovery strain is elevated after two hard sessions. Keep intensity easy today.

Recovery CapacityModerate

Fuelling

Carbs
Protein
Electrolytes

Recent Trends

Energy rising
Sleep falling
Mood steady

Live replicas of the shipped Today cards — built from the same tokens this portal documents.

Design Philosophy

Six principles, all enforced by shipped decisions

These are not aspirations. Each one is observable in the product — and each one has a documented anti-pattern in this portal.

01

Capability, not symptoms

Peri answers one question: “What is most likely affecting my capability today?” Every surface leads with an interpretation — never a raw score dump.

02

Progressive disclosure is structural

Every intelligence card has the same four layers: glanceable face → detail → explainability → action. Learn the gesture once, own the whole product.

03

Personal history outweighs generic assumptions

Cycle phase is a light context modifier, never the primary driver. The visual system mirrors this: cycle context is a small label, never the headline.

04

Missing data reduces confidence, never punishes

Empty and partial states are warm, instructional and actionable — “Learning your patterns”, never a zeroed-out gauge.

05

Interpretation before recommendation

The system explains what it sees before it tells you what to do — and every recommendation carries its provenance and assumptions.

06

Calm, premium, mature

Warm neutrals, a restrained two-hue accent system, soft layered shadows, luxurious whitespace. Nothing sporty, clinical or gamified.

Architecture Highlight

Three reading tabs over one daily record

Most trackers make logging the home screen and bury insight. Peri inverts this: Today is a read-only dashboard; all data entry funnels through a single floating action. Time is a dimension, not a place — the week strip re-aims the same dashboard at another date. There is no back-stack anywhere in the product.

Read the information architecture

// the write funnel

Today · Insights · Treatments

↑ floating [+]

└─ Log Activity drawer

├─ Symptoms · Workout · Period

└─ Sleep · How You Feel · Treatment

// the disclosure ladder

face → drawer → “based on…” → action

Start anywhere