Colors & Material

PMS MATCH for 266c (printed label color)

*used in logo and as accent color #1 (2017 website)

#783cbd

purple of the past

#7d588c (pre-2017 website purple) with light (hover) #8f5794

contrast/complements

#e8cc51

Greyscale

#333333

greyscale

#666666

contrast/complements

#999999 with cccccc font

See it on it’s own here: https://dhcubed.com/test-typography/

 h1 font-family: “neuzeit-grotesk”, sans-serif; font-style: normal; font-weight: 900; height: 180%

h1 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

 h2 font-family: “neuzeit-grotesk-condensed”,sans-serif; font-style: normal; font-weight: 900; height: 150%

h2 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

h3 font-family: “brandon-grotesque”,
normal, font-weight: 100, height: 150%

h3 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

h4 font-family: “ff-meta-serif-web-pro”, normal; font-weight: 100, height: 150%

h4 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

h5 font-family: “ff-meta-serif-web-pro”, italic, font-weight: 500, height: 150%
h5 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
h6 font-family: “neuzeit-grotesk”; font-style: normal, font-weight: 400; height: 200%
h6 (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
p font-family: “ff-meta-serif-web-pro”, normal, font-weight: 400,height: 100%

p (default) DH Cubed OneTen this is text for the default css: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890

TYPEKIT CSS

h1 { font-family: “neuzeit-grotesk”, sans-serif; font-style: normal; font-weight: 900; height: 180%; }

h2 { font-family: “neuzeit-grotesk-condensed”,sans-serif; font-style: normal; font-weight: 900; height: 150%; color: #783cbd; }

h2 { font-family: “neuzeit-grotesk-condensed”,sans-serif; font-style: normal; font-weight: 900; height: 150%; color: #783cbd; }

h4 { font-family: “ff-meta-serif-web-pro”, serif; font-style: normal; font-weight: 100; height: 150%; color: #783cbd; }

h5 { font-family: “ff-meta-serif-web-pro”, serif; font-style: italic; font-weight: 500; height: 150%; }

h6 { font-family: “neuzeit-grotesk”; font-style: normal; font-weight: 400; height: 200%; color: #783cbd; }

p { font-family: “ff-meta-serif-web-pro”, serif; font-style: normal; font-weight: 400; height: 100%; }

Thin "brandon-grotesque" 100 normal
Thin Italic "brandon-grotesque" 100 italic
Light "brandon-grotesque" 300 normal
Light Italic "brandon-grotesque" 300 italic
Regular "brandon-grotesque" 400 normal
Italic "brandon-grotesque" 400 italic
Medium "brandon-grotesque" 500 normal
Medium Italic "brandon-grotesque" 500 italic
Bold "brandon-grotesque" 700 normal
Bold Italic "brandon-grotesque" 700 italic
Black "brandon-grotesque" 900 normal
Black Italic "brandon-grotesque" 900 italic