Website Design Direction

Boss Modern Gate

This page outlines the proposed visual direction including color palette, imagery, typography, and a few basic UI elements.

Color Palette

Because much of the existing imagery for Boss Modern Gate has warm tones, I wanted to make sure that even with a black and white color palatte, we are creating a cohesive feel. I’ve selected these colors to add just a touch of warmth and add a few shades to use when needed for visual differentiation without vearing from the black and white aesthetic.

Shadow Gray
#2d232e

Gunmetal
#474448

Taupe Gray
#534b52

Bone
#e0ddcf

Parchment
#f1foea

Typography

Pre-title or tagline

I am a Heading

Headings will use font Montserrat Light

I am a Heading

Body copy uses Cardo font. Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem.

Example Heading

Cardo can also be used larger to draw attention to a callout, or excerpt of text that should be given more emphasis.

Basic UI Elements

Lists
  • A List of
  • Items to describe
  • The things you have
Buttons
Grid