Development only
CUSTOMS prototype index
Every route in the application, grouped and linked. This page is a developer surface — it is not linked from production navigation and it is marked noindex. Status is declared by hand in src/data/route-map.ts, which is the same source that generates docs/ROUTE-MAP.md.
- 34
- BuiltFully composed screen.
- 6
- In progressScreen exists, some flows deliberately stubbed.
- 0
- PlaceholderRoute resolves, content is minimal.
- 6
- FutureDocumented, intentionally not built. Not linked.
46 routes shown of 46
Public Commerce
12 routes- /Home
States the positioning — upload once, see it on everything — and pushes to Studio or the flagship flag category.
Hero · SequenceStrip · StartWithYourBoat · LogoEverywhere · HowItWorks · MadeForTheWater · CollectionTeaser · SocialProof · BulkCta · ProductGrid — @/data/products, @/components/product/ProductRender, @/components/brand/SeaMoneyMark
P0BuiltOpen - /boat-flagsBoat Flags
The flagship category listing: every rectangular, burgee and pennant construction with blank-to-branded hover.
SectionHeader · ProductGrid · ProductCard · ChipGroup — @/data/products, @/data/categories
P0BuiltOpen - /apparelApparel
Performance shirts, tees and polos with decoration methods surfaced on the listing.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P1BuiltOpen - /outerwearOuterwear
Hoodies, quarter zips and shells — the cold-morning half of the apparel ladder.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P2BuiltOpen - /hatsHats
Trucker, rope, dad and bucket constructions, shown with the embroidered monogram mark.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P1BuiltOpen - /gearBoat + Beach Gear
Towels, koozies, dry bags, coolers and mats — the products that finish a collection.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P1BuiltOpen - /decalsDecals
Cut vinyl and die-cut stickers — the same artwork file at small format.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P2BuiltOpen - /eventsEvents
Feather flags, banners, tablecloths and tents for tournaments, expos and dock days.
SectionHeader · ProductGrid · ProductCard — @/data/products, @/data/categories
P2BuiltOpen - /how-it-worksHow It Works
Upload, preview, approve, produce — the four steps between a logo file and a shipped product.
ProgressStepper · SectionHeader · LifestyleFrame · ButtonLink — @/components/media/LifestyleFrame
P0BuiltOpen - /aboutAbout
Who CUSTOMS is and why the customer's brand — not ours — is the hero of every product surface.
PageHero · StepRail · SectionHeader · LifestyleFrame — @/components/media/LifestyleFrame, @/components/marketing/PageHero
P0BuiltOpen - /faqFAQ
Twenty-six answers on files, sizing, materials, turnaround, bulk and returns, filterable by search.
PageHero · FaqAccordion · Input — @/components/ui, @/lib/pricing
P0BuiltOpen - /contactContact
Direct line for artwork questions and custom requests the configurator cannot price. Form validates locally; nothing is transmitted in this build.
PageHero · Input · Textarea · Select · Button · Alert — @/components/ui
P0BuiltOpen
Product Pages
4 routes- /boat-flags/custom-boat-flagFlag Product Detail
Pattern /{category}/{slug} for flags: size, material, print and finish options against a live flag render.
ProductRender · ColorSwatches · ChipGroup · QuantitySelector · SegmentedTabs · Badge — @/data/products, @/data/options, @/lib/pricing, @/state/cart
P0BuiltOpen - /apparel/performance-fishing-shirtApparel Product Detail
Pattern /{category}/{slug} for apparel: size runs, colourways, placement areas and decoration method.
ProductRender · ColorSwatches · ChipGroup · QuantitySelector · Badge — @/data/products, @/data/options, @/components/product/placements, @/state/cart
P0BuiltOpen - /hats/performance-trucker-hatHat Product Detail
Pattern /{category}/{slug} for hats, where the mark renders as an embroidered monogram.
ProductRender · ColorSwatches · ChipGroup · QuantitySelector — @/data/products, @/data/options, @/state/cart
P1BuiltOpen - /gear/koozieGear Product Detail
Pattern /{category}/{slug} for gear — the low-price add-on that completes a collection.
ProductRender · ColorSwatches · QuantitySelector — @/data/products, @/data/options, @/state/cart
P1BuiltOpen
Studio
2 routes- /studioCUSTOMS Studio
The core proof: upload artwork, place it on a live product render, choose colour and size, then add to cart.
UploadZone · ProductRender · ColorSwatches · SegmentedTabs · Drawer · Button — @/state/studio, @/state/cart, @/hooks/useHydrated, @/lib/customization
P0BuiltOpen - /studio/apparelStudio — Apparel
Apparel canvas with real decoration areas: left chest, full front, upper back and sleeves, with safe-zone guides.
ProductRender · ChipGroup · UploadZone · SegmentedTabs — @/components/product/placements, @/data/options, @/state/studio
P1BuiltOpen
Collection Engine
3 routes- /collection-builderCollection Builder
Pick products, apply one design across all of them and watch bundle pricing update live.
ProductGrid · ProductCard · Drawer · QuantitySelector · Alert — @/features/collections/generate, @/data/collections, @/lib/pricing, @/state/cart
P1BuiltOpen - /build-your-collectionBuild Your Collection
The guided funnel into the builder: upload once, choose a starter bundle, generate the whole set.
UploadZone · ProgressStepper · SectionHeader · ButtonLink — @/data/collections, @/features/collections/generate
P1BuiltOpen - /collectionsCollections
Curated bundles — Boat, Crew, Dock, Charter — priced as sets rather than individual products.
SectionHeader · Card · ProductGrid · Badge — @/data/collections, @/lib/pricing
P1BuiltOpen
Checkout
3 routes- /cartCart
Line items with their design previews, quantity breaks and the collection discount applied.
QuantitySelector · ProductRender · EmptyState · Alert · Button — @/state/cart, @/hooks/useHydrated, @/lib/pricing
P0BuiltOpen - /checkoutCheckout
Contact, shipping and payment steps with an order summary that never leaves the viewport.
ProgressStepper · Input · Select · Checkbox · Button — @/state/cart, @/data/orders, @/lib/pricing
P0BuiltOpen - /order-confirmationOrder Confirmation
Confirms the order the customer just placed, shows the production timeline and offers a one-click path back into Studio. Reads the session hand-off from checkout, falling back to the fixture order set.
OrderConfirmation · ProductRender · ButtonLink · Badge — @/state/last-order, @/data/orders, @/lib/customization
P0BuiltOpen
MY CUSTOMS
11 routes- /accountMY CUSTOMS Dashboard
The brand home: active design, live orders, saved collections and the fastest route to reorder.
Card · CardHeader · OrderStatusPill · Badge · EmptyState — @/data/customers, @/data/orders, @/data/designs, @/data/collections
P1BuiltOpen - /account/designsDesign Library
Every uploaded mark and its variants — primary, white, monogram, one-colour — ready to apply.
UploadZone · Card · Badge · SeaMoneyMark — @/data/designs, @/components/brand/SeaMoneyMark
P1BuiltOpen - /account/designs/dsg_primaryDesign Detail
Pattern /account/designs/[id]: one mark, its variants, colour values and every product it sits on.
ProductRender · SegmentedTabs · Card · Alert — @/data/designs, @/data/products
P1BuiltOpen - /account/productsMy Products
Configured products saved against the account — the reorderable catalogue of what the customer made.
ProductGrid · ProductCard · EmptyState — @/data/products, @/data/customers
P1BuiltOpen - /account/collectionsSaved Collections
Collections the customer has generated, with bundle totals and a direct reorder action.
Card · CardHeader · Badge · EmptyState — @/data/collections, @/lib/pricing
P1BuiltOpen - /account/collections/col_boatCollection Detail
Pattern /account/collections/[id]: the products in one set, its pricing and its edit path.
ProductGrid · QuantitySelector · Card · Button — @/data/collections, @/lib/pricing, @/state/cart
P1BuiltOpen - /account/ordersOrder History
Every order with its production status, so a customer can see where each job actually is.
OrderStatusPill · Card · UnderlineTabs · EmptyState — @/data/orders, @/lib/utils
P1BuiltOpen - /account/orders/ord_10452Order Detail
Pattern /account/orders/[id]: line items, the production timeline, tracking and reorder.
ProgressStepper · OrderStatusPill · ProductRender · Card — @/data/orders, @/lib/pricing
P1BuiltOpen - /account/reorderReorder
One screen that turns past orders into a new cart — the repeat-purchase engine for crews and clubs.
QuantitySelector · Card · Button · Alert — @/data/orders, @/state/cart, @/lib/pricing
P2In progressOpen - /account/teamTeam
Who on the crew can order against the brand. Invitations render believably but send nothing in P0.
Card · Badge · Input · Select · Modal — @/data/customers
P2In progressOpen - /account/settingsSettings
Brand profile, addresses and notification preferences. Persistence lands with the real backend.
Input · Switch · Select · Card · Alert — @/data/customers, @/data/orders
P2In progressOpen
B2B
2 routes- /bulk-ordersBulk Orders
Volume pricing tiers and a quote request for tournaments, marinas and dealer programmes.
Input · Textarea · Select · QuantitySelector · Alert — @/lib/pricing, @/data/products
P1In progressOpen - /businessBusiness
The B2B pitch: fleet branding, crew kits and dealer supply, with the bulk quote as the CTA.
SectionHeader · LifestyleFrame · Card · ButtonLink — @/data/collections, @/components/media/LifestyleFrame
P1In progressOpen
Design System
3 routes- /prototypePrototype Index
This page. Every route in the application, grouped, filterable and linked. Development only.
RouteTable — @/data/route-map
P0BuiltOpen - /design-systemDesign System Explorer
Live specimens of every reusable component, token and product shape. Doubles as a regression sheet.
SpecimenSection · Button · ProductCard · ProductRender · Modal · Drawer — @/components/ui, @/components/product/shapes, @/app/globals.css
P0BuiltOpen - /admin/suppliersSupplier Pipeline
Sourcing CRM: kanban and list of candidate factories through research, contact, call, vetting, sample, pilot and approval, with the 10-point scorecard, pre-payment checklist, activity log and CSV export. Browser-local state until the Supplier service exists.
SegmentedTabs · Modal · Badge · Alert · Input · Select · Checkbox — @/data/suppliers, @/state/suppliers
P0In progressOpen
Future
6 routes- /store/[handle]CUSTOMS Storefronts
A customer-hosted shop at their own handle, selling their branded catalogue to their crew. Documented, not built.
ProductGrid · SiteHeader · Checkout — Storefront service, @/data/collections, @/data/designs
P4FutureNot built - /studio/[productId]Studio Deep Link
Opens Studio straight onto one product with its options pre-selected, replacing the ?product= query. Documented, not built.
Studio canvas · ProductRender — @/data/products, @/state/studio
P1FutureNot built - /account/storefrontsStorefront Management
Where a customer configures, prices and publishes their own storefront. Documented, not built.
Card · Switch · Input — Storefront service, @/data/customers
P4FutureNot built - /admin/productionProduction Queue
Internal job board moving orders through design review, production and quality check. Documented, not built.
OrderStatusPill · UnderlineTabs · Card — @/data/orders, Production service
P3FutureNot built - /api/mockupsMockup Engine API
Server-rendered photographic mockups replacing the vector ProductRender silhouettes. Documented, not built.
@/components/product/shapes, Rendering service
P2FutureNot built - /api/designs/analyzeDesign Analysis API
Extracts colours, checks resolution and suggests placements from an uploaded file. Documented, not built.
@/components/ui/UploadZone, Vision service
P3FutureNot built