Windcraft
Pricing
Blog
Docs
Changelog
Sign in
Page patterns.
The sentences your AI tools build with — every page’s regions, states, and goals, in one place.
auth
Sign up
Account creation. Single screen, minimum fields, social options first.
Sign in
Returning user authentication. Email + password, social, magic-link entry.
Forgot password
Email entry to start a password reset. Generic success to avoid enumeration.
Reset password
New-password entry after clicking the email link. Token validation + strength.
Verify email
Token-driven email verification target.
Verify email sent
Confirmation screen after sign-up — user is told to check inbox.
Verify 2FA
TOTP / backup-code entry after sign-in for users with 2FA enabled.
Magic link sent
Confirmation screen after requesting magic-link sign-in.
SSO callback
Loading screen during OAuth provider redirects.
onboarding
Welcome
First screen after sign-up + verification. Sets context, sets a single next action.
Profile setup
Optional profile completion: name, avatar, role, timezone.
Team invite
Invite teammates by email. Optional during onboarding.
Plan selection
Choose monthly vs yearly during onboarding.
billing
Pricing
Public 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 method
Manage saved payment methods. Add / remove / set default.
Invoice detail
Single invoice view — line items, totals, download PDF.
Subscription cancelled
Confirmation screen after cancelling a subscription. Show end-of-period date and reactivation path.
dashboard
Dashboard overview
Authenticated home — KPIs, recent activity, quick actions.
List (table)
Index page for a resource — filter / sort / paginate / select / bulk-action.
Detail
Single-resource view — read-only by default, edit-in-place actions.
Edit
Form for updating an existing resource. Persistent autosave or explicit save.
Create
Form for creating a new resource. Often Sheet/Modal for short creates, dedicated page for complex ones.
Settings — account
Account profile fields: name, email, avatar, password.
Settings — security
Password + 2FA + active sessions.
Settings — notifications
Email + in-app + push notification preferences.
Settings — billing
Plan + payment method + invoice history.
Settings — members
Workspace members + roles + invites.
ecommerce
Product list
Storefront catalog — grid of products with filters and sort.
Product detail
Single product page — gallery, variants, stock, add-to-cart, reviews.
Cart
Cart page or drawer — line items, totals, checkout CTA.
Checkout — shipping
Step 1 of physical-goods checkout. Address + shipping method.
Checkout — payment
Step 2 of physical-goods checkout. Payment method + billing.
Checkout — review
Final review before order placement. Shows everything in summary form.
Order confirmation
Post-checkout success page. Shows order number, summary, next steps.
Order history
List of user's past orders. Filter by status, search by order number.
Wishlist
Saved products for later purchase.
Search results
Results page for site-wide search query.
blog
Blog index
List of blog posts with filters, search, and pagination.
Blog post
Single article — hero, body, table of contents, related, comments.
Author page
Author profile + their posts.
Tag page
Posts filtered by tag.
marketing
Marketing landing
Public homepage. Hero, features, social proof, pricing teaser, CTA, FAQ.
Pricing (marketing)
Public pricing page (different from /billing inside the app).
Features
Detailed feature deep-dive page. Per-feature section with screenshot + copy + sub-CTA.
About
Company / team / mission page.
Contact
Email + form for support / sales / partnerships.
errors
404 — not found
The route exists in the router but the resource is missing.
500 — server error
Unhandled exception or upstream failure.
Maintenance
Planned downtime page.
No results
Search or filter returned zero results. Different from no-data (resource itself has nothing). The user typed or filtered into an empty intersection.
No data
List / table / dashboard surface has zero records. The first-use state for a brand-new resource. Different from no-results (a query returned nothing).
No permission
User has access to the screen URL but lacks role to see / act on its data.
Offline
Network unavailable. Show cached content + offline banner.
realtime
Notifications feed
In-app notification list. Header bell opens a Popover containing the feed.
Activity log
Auditable timeline of who-did-what across the project.
Chat — sidebar
Left rail listing conversations.
Chat — thread
Active conversation view — message list + composer.
Chat — composer
The input row inside chat-thread. Reusable in comments + DMs.