CoastKey product system
CoastKey Showcase
A live code mirror of CoastKey foundations, Product UI Kit, Product Components, Component Blocks, and accepted Page Layouts.
7 reference routes
Product Foundations
Product Foundation Colors
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Typography
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Spacing And Grid
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Radius
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Shadows And Effects
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Control Sizes
Token and system-contract references used by the entire CoastKey product layer.
Open specimenProduct Foundation Brand Assets
Token and system-contract references used by the entire CoastKey product layer.
Open specimen20 reference routes
Product UI Kit
Avatar
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Action Buttons
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Toggle Buttons
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Text And Navigation Primitives
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Badges
Portable CoastKey controls, primitives and surface systems.
Open specimenMarketing Badge Color Matrix
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Field Controls
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Select / Autocomplete / Choice Controls
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Filters
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Switching Controls
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct FABs / Floating Actions
Portable CoastKey controls, primitives and surface systems.
Open specimenAnchored Surface System
Portable CoastKey controls, primitives and surface systems.
Open specimenOverlay Surface System
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Feedback Families
Portable CoastKey controls, primitives and surface systems.
Open specimenNotification Indicators
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Date / Time / Range Controls
Portable CoastKey controls, primitives and surface systems.
Open specimenNavigation Elements
Portable CoastKey controls, primitives and surface systems.
Open specimenData Display Elements
Portable CoastKey controls, primitives and surface systems.
Open specimenState / Utility Elements
Portable CoastKey controls, primitives and surface systems.
Open specimenProduct Carousel Mechanics
Portable CoastKey controls, primitives and surface systems.
Open specimen8 reference routes
Product Components
B2C Card Components
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenB2C Offer Cards
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenCarousel Rail Block
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenProductPageCardGrid
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenFilter Containers
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenAuth Entry Components
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenUser Account Components — B2C
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimenWorkspace Components — B2B
Product-specific reusable units above the UI Kit and below composed blocks.
Open specimen10 reference routes
Product Component Blocks
Home / Discovery Components
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenNavigation / Shell Components
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenFooter Components
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenHero / Media Header Blocks
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenSearch Assemblies
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenFavorites Components
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenSearch / Catalog Blocks
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenDetail Support Blocks
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenBooking Components
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimenSystem Recovery Components / Layouts
Composed product-system sections with explicit runtime-adapter boundaries where needed.
Open specimen14 reference routes
Product Page Layouts
Layout Slot Specimens
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenHome Page Layouts
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenSearch Catalog Page Layouts
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenSearch on Map Page Layouts
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenVendor Detail Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenCoast Detail Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenBeach Detail Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenRoute Detail Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenB2C Booking Flow Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenUser Account Page Layouts
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenFavorites Page Layouts
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenAuth Entry Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenB2B Vendor Workspace Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimenB2B Vendor Section Page Layout
Accepted page-level assembly contracts for CoastKey product flows.
Open specimen