Bullet flag-united-kingdom flag-ireland

UI Kit

Colours

Primary

$darkblue
$aqua
$cyan
$darksky
$lightaqua
$lightcyan
$lightslate
$sky

Secondary

$green
$lightgreen
$purple
$darkslate
$red
$orange
$slate
$yellow

Typography

This is a H1

This is a H2

This is a H3

This is a paragraph with a link in it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua1. Aliquet sagittis id consectetur purus ut faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit2, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet sagittis id consectetur purus ut faucibus.

This is a normal paragraph.

This is a large paragraph.

This is a small paragraph

Lists

  • list item
  • list item
  • list item
  • list item
  1. Numbered list item
  2. Numbered list item 2
  3. Numbered list item 3

Buttons

No class is needed for primary buttons

Link button primary

Use .secondary for below

Link button secondary

Icons

Fixed colour icons

Use as background images where needed

Arrow down med arrow-down
Arrow down med arrow-right
<svg class="icon">
<use xlink:href="#icon-name" />
</svg>

New brand icons

arrow
idea
clipboard
stock
snowflakes
bullet
filter
chevron
close
email
live
menu
phone
play
chiesi-logo
chiesi-logo-white
external-link
flag-united-kingdom
flag-ireland

Forms

Use .form-group around a label and input

Use .form-check additionally around a checkbox and label

Use .form-radio additionally around a radio button and label

Use .form-row-inline around two form groups if you want to display them inline

Error message

Page components

Events

LIVE

04 NOV

7:00pm - 9pm

  • Respiratory
  • Neonatology

Title

Presented by: XXX

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmo

Watch Learn more

04 NOV

7:00pm - 9pm

  • Rare diseases
  • Special care

Title

Presented by: XXX

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmo

Watch Learn more

Cards

Chiesi Medical Conservation icon

Contact your medical team

Chiesi Medical education icon

Medical Educational Programme

Chiesi Medical donation icon

Medical Grants & Donations

Chiesi Medical science icon

Clinical Research & Development

Speakers

Dr Sam Smith

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum vitae justo a fringilla. Ut sed tortor iaculis, vulputate justo nec, dictum felis. Donec porttitor velit sed ipsum sodales, eu facilisis libero bibendum.