Accelerating Africa’s digital transformation with UNDP
Learn more
Link here

Style Guide

Colors

Primaries and grays controlled by the Webflow Variables feature.
Light Tone
Mid Tone
Dark Tone
Primary Accent
Secondary Accent

Typography

Headings, body and other common text elements.
Display

Heading One

Heading One

Heading Two

Heading Two

Heading Three

Heading Three

Heading Four

Heading Four
Blockquote - Heading Four, Serif
Body Text    Body Link
Small Text    Small Link

Buttons

Component, text style and size variations

Form Inputs

General style and state variations for text inputs.
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Rich text (blog

Styling for text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript