Some Basic Object styling

[claytron5000]

NOTE: the sizes/colors/etc are fixed values from invision and do not necessarily represent the intention of the design.

h2 or section headers

• • 8 columns wide
• • #2128BD (blue)
• • font-size: 48px;
• • font-weight: 900;
• • line-height: 51px;
• • text-align center

##Subtitle (only appears once that I can see)

• • 12 columns
    color: #212121;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;

Buttons

• two styles:
  filled:
  .button-text {
  height: 24px;
  width: 179.84px;
  color: #FAF8F2;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-align: center;
  background-color: #2128BD;
  }
  hollow:
  .button-text {
  height: 24px;
  width: 176.11px;
  color: #2128BD;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-align: center;
  border: 3px solid #2128BD;
  }

h3 or subsection heading

.new-england-regional {
height: 36px;
width: 1120px;
color: #000000;
font-family: Montserrat;
font-size: 30px;
font-weight: 600;
line-height: 36px;
text-align: center;
}

paragraph

.nerd-summit-is-a-pro {
height: 72px;
width: 8 columns
color: #000000;
font-family: Montserrat;
font-size: 18px;
line-height: 24px;
text-align: center;
}

links (these are the heavy blue links as displayed in the About section

.learn-more-about-ner {
height: 24px;
width: 8 columns
color: #2128BD;
font-family: Montserrat;
font-size: 16px;
font-weight: 900;
letter-spacing: 0.5px;
line-height: 24px;
text-align: center;
}

[claytron5000]

I've started this work here: https://github.com/NERDngo/nerdsummit2020/pull/new/object-styling