HITEC Web Style Guidelines

These style guidelines are designed to ensure a consistent look and tone in all of HITEC’s digital communications. The Hispanic Technology Executive Council (HITEC) brand communicates the influence of the Hispanic/Latino Executive’s professionalism and excellence in technology. The following pages will help you understand our brand, what it stands for and how to represent HITEC in the best possible way.

Heading 1

Font Family: SF Pro Display, Font Weight: 500 (medium), Font Size: 3.5em, Font Height: 1em, Font Color: #333

Heading 2

Font Family: SF Pro Display, Font Weight: 500 (medium), Font Size: 2.8em, Font Height: 1.1em, Font Color: #333

Heading 3

Font Family: SF Pro Display, Font Weight: 500 (medium), Font Size: 1.6em, Font Height: 30px, Font Color: #333

Heading 4

Font Family: SF Pro Display, Font Weight: 400 (normal), Font Size: 1.4em, Font Height: 1.4em, Font Color: #333
Heading 5
Font Family: SF Pro Display, Font Weight: 700 (bold), Font Size: 14px, Font Height: 20px, Font Color: #333
Heading 6
Font Family: SF Pro Display, Font Weight: 400 (bold), Font Size: 12px, Font Height: 18px, Font Color: #333

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In paragraph link varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph: Max width 720px, SF Pro Display, 400 (normal), Size 1.4em, Height 1.4em, Color #333

Lists

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
Padding left 40px, styled same as paragraphs

Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Display Flex, Align Center, Justify Space Around, Width auto, Height 30px, Color "New Blue", Radius 20px

Block Quotes

Thanks to your confidence and willingness to support me, I will be the first in my family who will be pursuing higher education.
Div wrapper, relative positioning, SVG quotes icon, Perfectly 90's font, max width 560px, 2.6em font size, 1.2em font height.

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
PMS: 2727 C
Hex: #3884ff
CMYK: 72, 49, 0, 0
RGB: 56, 132, 255
PMS: 2727 C
Hex: #3884ff
CMYK: 72, 49, 0, 0
RGB: 56, 132, 255
PMS: 2727 C
Hex: #3884ff
CMYK: 72, 49, 0, 0
RGB: 56, 132, 255
PMS: 2727 C
Hex: #3884ff
CMYK: 72, 49, 0, 0
RGB: 56, 132, 255

Headings

Cards