• Skip to content
The Co-op logo Design system
  • What we're working on
  • Contributing
  • Updates
Back to the pattern library

Co-op front-end

These example pages are used to develop the design system. These examples are shown in isolation for easier testing and development.

Foundations

  • Logo
  • Typography
  • Typography example
  • Colour palette
  • Grid
  • Grid examples
  • Vertical spacing
  • Form elements
  • Form validation
  • Buttons
  • Tables
  • Responsive tables

Components

  • Editorial card
  • Feature card
  • Product card
  • Hero banner
  • Signpost
  • Squircles
  • Tags
  • Flags
  • Skip navigtion
  • Search

Components not yet documented

  • Signpost list
  • Offers promo
  • Membership banner
  • Membership hero banner
  • Membership featured cards
  • Co-operate explainer
  • App download banner
  • Money raised totaliser
  • List of links
  • Postcode search
  • Passwords

Deprecated components

  • Offers banner

Is there anything wrong with this page?