UN Website Boilerplate

A modern, responsive foundation for United Nations web applications.

Theme Colors

UN Blue

#009EDB

Faded Jade

#4A7C7E

Camouflage Green

#7D8471

Pale Oyster

#9B8B7A

Au Chico

#A0665C

Smoky

#6C5B7B

Shuttle Gray

#5A6C7D

Trout

#495057

Dusty Gray

#969696

Grayscale

from Tailwind CSS

black

gray-950

gray-900

gray-800

gray-700

gray-600

gray-500

gray-400

gray-300

gray-200

gray-100

gray-50

white

Components

Explore the component library with reusable UI elements.

View Full Component Library

Typography Scale

Roboto Font Family

text-xs · 0.75rem (12px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-sm · 0.875rem (14px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-base · 1rem (16px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-lg · 1.125rem (18px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-xl · 1.25rem (20px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-2xl · 1.5rem (24px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-3xl · 1.875rem (30px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-4xl · 2.25rem (36px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

text-5xl · 3rem (48px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.