MeetDoConnect

P1 states & accessibility

Every state has
a clear next step.

This handoff page documents the production states required by the Design Brief. Controls are keyboard reachable and alerts use plain language.

Membership

Payment-driven access

Active · paid through Nov 22

Book, cancel, and buy extras as usual.

Booking rules

Inline messages

No weekly credits

You have used your 3 sessions for this week. Use an extra session or buy another.

No Bad Hair Day cards

You have used all 3 cards this month. That’s OK. We like you just the way you are.

Cancellation closed

Free cancellation closed three hours before the start. You may release the seat, but the credit is used.

Card change closed

Bad Hair Day cards can be added or removed until three hours before the start.

Overlap

This overlaps another session you booked.

Full

This session is full.

Booking closed

Booking closed 15 minutes before the start.

Too far ahead

You can book up to 14 days ahead.

Payment failed

Your last payment did not go through. Update your card to book again.

Beyond paid period

Your membership is paid through Nov 8. This session opens after your next renewal.

Reusable surfaces

Empty, loading, error, offline

0

No sessions here yet.

Try another week or clear your filters.

Room access

Waiting, open, locked, closed

WaitingRoom opens at 6:50 pm

Come back ten minutes before the start.

OpenYour room is ready

Camera check comes next.

LockedThe room locked at 7:10 pm

Late entry closes ten minutes after the start to protect the group.

ClosedThis session has ended

After-session activity-buddy picks stay open for 24 hours.

Onboarding

Validation and review

Email
not-an-email

Enter an email in the format name@example.com.

Payment
Your payment did not go through. Check the card details or try another card.
Hello Video
Under review

Your video is private and visible only to an administrator. We’ll email you when your account is ready.

Accessibility handoff

Built for keyboard, touch, motion, and contrast.

Visible focus on every interactive control44px minimum primary tap targetsText labels accompany status colorsReduced-motion preference respectedLive regions for confirmations and errorsSemantic labels for forms and togglesHigh-contrast and forced-colors supportResponsive at 375px without horizontal scrolling
Open P2 workspace