POST Design System Using the system
Brand

Colour

POST's brand colours are POST Blue and white. Black is also used.

POST Blue is a highly saturated RGB colour, so print in Pantone Coated wherever possible. For the same reason, matching it in print and materials can take a bit of work.

Brand

The anchor. Brand blue is the primary; white / black are the base surface + text. The only color that lives in Foundations — Web and Marketing import these and build their own ramps.

brand blue
#0016C1
The brand main color — the anchor everything relates to
white
#FFFFFF
Base surface
black
#000000
Base text

Sub-brand

Each sub-brand color = a physical destination / vertical inside POST.

Each destination inside POST has its own identity, consisting of an icon and a colour. When these colours appear, black is used to represent POST rather than POST Blue.
eat red
#F54544
Dining
POST Market food hall (O Atrium)
work brown
#994B03
Coworking
Common Desk / offices (Z Atrium)
culture green
#34885D
Arts & culture
Art Club / exhibitions (X Atrium)
skylawn blue
#2DB2EB
Visitation
Rooftop park & farm
shop purple
#EA3ADD
Retail
Scattered retail; map shop pins
music gray
#676767
Live music
713 Music Hall (East Wing)

Utility surfaces

The warm surface set imported by every branch.

brown
#3E0900
Sidebar — expanded to popup modals + signup box
beige
#FAEFDE
Distinct warm surface

On screen: two axes

A page picks a sub-brand. A section inside it picks a theme. The two are independent, so the same component resolves differently depending on where it sits - without a second set of components. Switch both below; every preview on this page follows.

Sub-brand
Theme
lightdata-theme="light"
Venue rental
Secondary copy on --muted
warmdata-theme="warm"
Venue rental
Secondary copy on --muted
branddata-theme="brand"
Venue rental
Secondary copy on --muted
deepdata-theme="deep"
Venue rental
Secondary copy on --muted

POST Brown is reserved for web use, such as navigation menus and modals.