Wellcome Web Components

Introduction

This is the living components library of the Wellcome Corporate site.

Built with Fractal.

documentation

Introduction
Usage
Design Usage
Colours
Grid
Images

components

Banners
Buttons
Forms
- Dropdown
- Radio
- Text Field
- Textarea
Inline
Layouts
- Base Layout
- News Grid
Link Styles
Listings
- Jobs Listings
Media
- Video
Metadata
- Pub Date
- Tags List
Misc
Navigation
Paragraphs
- Career Promo
- Career Steps
- Dynamic Charts
- Explainer Box
- Grant Holder
- Horizontal Listing
- Hub Content Panel Tpl
- Hub Featured Content Tpl
- Hub Header Tpl
- Hub Social Banner Tpl
- Image Gallery Image
- Image Gallery Wrapper
- In The Media Tpl
- Info Box
- Link List Basic
- Link List Info Box
- News Update Tpl
- Newsletter Signup
- Person
- Promotional Banner Tpl
- Quote
- Related News Tpl
- Researcher Stories Promo
- Standalone Link
- Table
- Wellcome Voice Tpl
Promos
- Basic Promo Item
- Career Promo
- Case Study
- Contact Details
- Contact Us
- Downloadable Files
- Generic Promo
  - Default
  - Dark Theme
- Homepage Promo
- Image Promo Tpl
- Info Box Link
- Key Dates
- Newsletter Form
- Person
- Report
- Results Promo Item
- Survey Promo
- Tile
Show Hides
- Accordion
- Nested List
Sitewide
- Footer
- Hamburger
  - Default
  - Expanded
- Header
  - Default
  - Home Page
- Header Logo
  - Default
  - Homepage
- Search Field
- Sitewide Messages
  - Default
  - Cookie Message
Typography