Skip to content

Website sections

Public-facing sections and content blocks for marketing, company, editorial and local-business websites.

  • Layout and page composition

    Containers, grids and page structure for arranging website content.

    Planned

  • Headers and website navigation

    Headers, menus and breadcrumbs that help visitors find their way around a site.

    Planned

  • Heroes and page introductions

    Opening sections that introduce a product, service or story and its next step.

    Planned

  • Features, services, benefits, and process

    Sections for explaining capabilities and benefits. The current collection includes a text-based feature tab section.

    1 component

  • Trust, testimonials, and social proof

    Layouts for customer quotes, logos and other evidence you have permission to publish.

    Planned

  • Pricing and plan presentation

    Sections for comparing offers. The current pricing grid displays plans and links; it does not handle billing.

    1 component

  • Calls to action, lead capture, and promotion

    Sections that invite a next step. The current signup form needs your own email subscription service.

    1 component

  • Company, team, and careers

    About, team and careers sections for introducing an organisation and its people.

    Planned

  • Portfolios, projects, and case studies

    Project cards and case study layouts for showing your work and explaining the result.

    Planned

  • Contact, locations, and local business information

    Contact details, opening hours and location information for visitors planning to get in touch.

    Planned

  • Blog, editorial, and resource content

    Article cards, author information and reading layouts for a blog or resource collection.

    Planned

  • FAQs, documentation, and public help

    Patterns for answering common questions. The current FAQ accordion shows and hides plain-text answers.

    1 component

  • Images, galleries, audio, and video

    Image, gallery, audio and video presentation, with media requirements defined by each component.

    Planned

  • Footers and public policy presentation

    Footer layouts and policy links using your own content and destinations.

    Planned

Controls and forms

Supporting controls, inputs, feedback states and reusable business forms used across website sections.

  • Typography, identity, and information primitives

    Headings, badges, avatars and small displays of information.

    Planned

  • Buttons, links, and action controls

    Buttons and links for actions such as copying, sharing or loading more content.

    Planned

  • Disclosure, overlays, and contextual interaction

    Menus, dialogs, drawers and tooltips that reveal information in context.

    Planned

  • Text and numeric inputs

    Text and number fields with labels, hints and validation feedback in the interface.

    Planned

  • Selection and specialised pickers

    Checkboxes, radio groups, selects and sliders for choosing values.

    Planned

  • Dates, times, and schedules

    Date, time and range selectors. Timezone and format behaviour depends on the implementation.

    Planned

  • Contact, identity, and address inputs

    Fields for names, phone numbers and addresses, separate from complete contact forms.

    Planned

  • Files, media input, and editing

    File selection, cropping and editing interfaces. Uploading and storage need a connected implementation.

    Planned

  • Form structure, validation, and submission

    Field groups, steps and feedback that help people complete a form.

    Planned

  • Reusable business forms

    Contact, quote and application form interfaces for connecting to your own handlers.

    Planned

  • Search, filtering, sorting, and discovery

    Search fields, filters and result layouts for your site, connected to your search data.

    Planned

  • Lists, tables, and structured data

    Lists, tables and timelines that present the data you supply.

    Planned

  • Loading, feedback, errors, and recovery

    Loading, empty, error and success states that explain what happened and what to do next.

    Planned

  • Visitor preferences, privacy, and accessibility utilities

    Controls for language, appearance and consent preferences, with policy and persistence defined by your project.

    Planned

Commerce and billing

Frontend interfaces for payments, checkout, subscriptions, products and orders that connect to a real commerce backend.

  • Payment inputs and payment-method interfaces

    Interfaces for provider-hosted payment fields and payment methods. Processing belongs to your payment provider.

    Planned

  • Checkout and purchase confirmation

    Checkout layouts, order summaries and confirmation views for your purchase workflow.

    Planned

  • Subscriptions, billing, usage, and credits

    Interfaces for subscriptions, usage and invoices, backed by your billing data and services.

    Planned

  • Product discovery and product details

    Product cards, detail views and option selectors using your product information.

    Planned

  • Cart, orders, delivery, and after-sales

    Cart, order history, tracking and returns views for your commerce service.

    Planned

Accounts and services

Account interfaces and task-focused views for connected services.

  • Authentication and account access

    Sign-in, registration and recovery interfaces for a connected authentication system.

    Planned

  • Profile, settings, onboarding, and personal accounts

    Profile, settings and onboarding interfaces using your account data and permissions.

    Planned

  • Appointments, reservations, and service booking

    Service and time-slot selection interfaces for a connected reservation system.

    Planned

  • Events, conferences, and webinars

    Event listings, agendas and speaker layouts, with registration connected separately.

    Planned

  • Directories, listings, and location-led discovery

    Listing cards and map-and-list views, with data and map providers defined per implementation.

    Planned

  • Restaurants, hospitality, and accommodation

    Menus, venue details and accommodation layouts for restaurants and places to stay.

    Planned

  • Courses, memberships, and digital content

    Course, lesson and progress views, with access control and progress storage supplied by your project.

    Planned

  • Community, discussion, and public feedback

    Discussion, comment and review interfaces for a connected community service.

    Planned

  • Donations, fundraising, and volunteering

    Donation choices, fundraising displays and volunteer forms connected to your own services and verified information.

    Planned

  • Notifications, support tickets, and customer communication

    Notification lists, inboxes and support ticket views using your communication service.

    Planned

Application patterns

Layouts, data displays and interfaces for application features.

  • Application layout and record management

    Application shells, sidebars and record views for arranging an app interface.

    Planned

  • Analytics and data visualisation

    Charts, sparklines and dashboard displays. Check each implementation’s data alternatives and interaction notes.

    Planned

  • Teams, collaboration, and work tracking

    Team rosters, task lists and work boards, with collaboration and permissions handled by your application.

    Planned

  • Messaging and AI-assisted interfaces

    Conversation and composer interfaces for your messaging or AI product. Models and message delivery are separate.

    Planned

  • Integrations and developer-facing account features

    Integration settings, webhook and API key interfaces for your product’s developer tools.

    Planned

  • Optional visual and motion enhancements

    Optional backgrounds and motion effects. Check each component’s motion behaviour before adding it.

    Planned

Search components

Describe a section or control, such as “FAQ accordion” or “newsletter signup”.