Windcraft

Page patterns.

The sentences your AI tools build with — every page’s regions, states, and goals, in one place.

auth

Sign upAccount creation. Single screen, minimum fields, social options first.
Sign inReturning user authentication. Email + password, social, magic-link entry.
Forgot passwordEmail entry to start a password reset. Generic success to avoid enumeration.
Reset passwordNew-password entry after clicking the email link. Token validation + strength.
Verify emailToken-driven email verification target.
Verify email sentConfirmation screen after sign-up — user is told to check inbox.
Verify 2FATOTP / backup-code entry after sign-in for users with 2FA enabled.
Magic link sentConfirmation screen after requesting magic-link sign-in.
SSO callbackLoading screen during OAuth provider redirects.

onboarding

WelcomeFirst screen after sign-up + verification. Sets context, sets a single next action.
Profile setupOptional profile completion: name, avatar, role, timezone.
Team inviteInvite teammates by email. Optional during onboarding.
Plan selectionChoose monthly vs yearly during onboarding.

billing

PricingPublic pricing page. Plan cards + FAQ + CTA.
Checkout (single page)One-page checkout — payment + summary side by side. Default for SaaS subscriptions.
Checkout (multi-step)Three-step checkout — shipping → payment → review. For physical-goods commerce.
Payment methodManage saved payment methods. Add / remove / set default.
Invoice detailSingle invoice view — line items, totals, download PDF.
Subscription cancelledConfirmation screen after cancelling a subscription. Show end-of-period date and reactivation path.

dashboard

Dashboard overviewAuthenticated home — KPIs, recent activity, quick actions.
List (table)Index page for a resource — filter / sort / paginate / select / bulk-action.
DetailSingle-resource view — read-only by default, edit-in-place actions.
EditForm for updating an existing resource. Persistent autosave or explicit save.
CreateForm for creating a new resource. Often Sheet/Modal for short creates, dedicated page for complex ones.
Settings — accountAccount profile fields: name, email, avatar, password.
Settings — securityPassword + 2FA + active sessions.
Settings — notificationsEmail + in-app + push notification preferences.
Settings — billingPlan + payment method + invoice history.
Settings — membersWorkspace members + roles + invites.

ecommerce

Product listStorefront catalog — grid of products with filters and sort.
Product detailSingle product page — gallery, variants, stock, add-to-cart, reviews.
CartCart page or drawer — line items, totals, checkout CTA.
Checkout — shippingStep 1 of physical-goods checkout. Address + shipping method.
Checkout — paymentStep 2 of physical-goods checkout. Payment method + billing.
Checkout — reviewFinal review before order placement. Shows everything in summary form.
Order confirmationPost-checkout success page. Shows order number, summary, next steps.
Order historyList of user's past orders. Filter by status, search by order number.
WishlistSaved products for later purchase.
Search resultsResults page for site-wide search query.

blog

Blog indexList of blog posts with filters, search, and pagination.
Blog postSingle article — hero, body, table of contents, related, comments.
Author pageAuthor profile + their posts.
Tag pagePosts filtered by tag.

marketing

Marketing landingPublic homepage. Hero, features, social proof, pricing teaser, CTA, FAQ.
Pricing (marketing)Public pricing page (different from /billing inside the app).
FeaturesDetailed feature deep-dive page. Per-feature section with screenshot + copy + sub-CTA.
AboutCompany / team / mission page.
ContactEmail + form for support / sales / partnerships.

errors

404 — not foundThe route exists in the router but the resource is missing.
500 — server errorUnhandled exception or upstream failure.
MaintenancePlanned downtime page.
No resultsSearch or filter returned zero results. Different from no-data (resource itself has nothing). The user typed or filtered into an empty intersection.
No dataList / table / dashboard surface has zero records. The first-use state for a brand-new resource. Different from no-results (a query returned nothing).
No permissionUser has access to the screen URL but lacks role to see / act on its data.
OfflineNetwork unavailable. Show cached content + offline banner.

realtime

Notifications feedIn-app notification list. Header bell opens a Popover containing the feed.
Activity logAuditable timeline of who-did-what across the project.
Chat — sidebarLeft rail listing conversations.
Chat — threadActive conversation view — message list + composer.
Chat — composerThe input row inside chat-thread. Reusable in comments + DMs.