Typography

Black Creek's Style Guide has been set by Black Creek's upper management in consultation with RedFlash. While our primary font of choice is Aptos Narrow Bold, or Aptos Bold, Hubspot does not support the Aptos font. In Hubspot and Google, use Arial (regular, bold, or italic) instead.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Black Creek's primary color palette, to be used the majority of the time for headlines, copy/text, and large fields of color, consists of:

• Black (R0 G0 B0, #000000)
• Dark Blue (R0 G21 B94, #00155e)
• Bright Blue (R17 G74 B159, #114a9f)

Use the majority of the time,for headings and large color blocks. On average, 75% of colors present on a page will be primary.

Black Creek's secondary color palette should be used sparingly as accent colors; it consists of:

• Sentry Orange (R247 G116 B26, #f7741a)
• Dark Gray (R77 G77 B77, #44d4d)
• Medium Gray (R128 G128 B128, #808080)
• Light Gray (R179 G179 B179, #b3b3b3)
  

Use sparingly as accent colors, text call outs, and simple lines. Around 25% of colors
present can be secondary. They help different design elements and copy “pop.”

Icons

Black Creek has not set a global default color for icons; use the Primary Color Palette.

CTAs & Standard Buttons

Black Creek did not establish a standard for CTA buttons in the Style Guide; these selections are made using the selected color palettes.

Modal Popup

Modals pop-ups are features of various modules. You can give them global style.

Forms

Create a form that has input fields, dropdowns, checkboxes, and everything. Then style it here.