01. Typography

Fonts

Aa Zz

p22-underground

Aa Zz

Courier

Aa Zz

adobe-handwriting-ernie

DESKTOP > 1024 / TABLET + MOBILE (<1024px)

Style 1: Headline p22 Underground medium

SLIM AARONS "BEACH AT ST. TROPEZ" (1977) HOODIE


Style 2: Headline p22 Underground medium

100% Cotton Hoodie


Style 3: Times New Roman Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut magna urna. Vivamus vel magna dignissim ligula eleifend condimentum nec eget mauris. Suspendisse ac quam eleifend urna viverra posuere sodales in ligula. This is a link Nulla placerat sagittis tempor. Nunc finibus, sem vel accumsan lobortis, augue libero molestie leo, eu sagittis quam dolor quis dolor. Praesent volutpat neque sed rhoncus pharetra. Maecenas ac nisi fringilla, viverra elit quis, sodales arcu.

  • This is
  • an “unordered”
  • or bulleted
  • list
  1. This is
  2. an “ordered”
  3. or numbered
  4. list

Style 3 new: Courier Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut magna urna. Vivamus vel magna dignissim ligula eleifend condimentum nec eget mauris. Suspendisse ac quam eleifend urna viverra posuere sodales in ligula. This is a link Nulla placerat sagittis tempor. Nunc finibus, sem vel accumsan lobortis, augue libero molestie leo, eu sagittis quam dolor quis dolor. Praesent volutpat neque sed rhoncus pharetra. Maecenas ac nisi fringilla, viverra elit quis, sodales arcu.

  • This is
  • an “unordered”
  • or bulleted
  • list
  1. This is
  2. an “ordered”
  3. or numbered
  4. list

style 4: 
adobe handwriting ernie

for halcyon summer days


Style 5: Times New Roman Regular
Is your size sold out? Sign up to receive an e-mail as soon as it's back in stock.

Style 5 New: Courier Regular
Is your size sold out? Sign up to receive an e-mail as soon as it's back in stock.

Style 6

Style 6 New: Courier Regular
Is your size sold out? Sign up to receive an e-mail as soon as it's back in stock.

Body Text - Our community solar farms bring green, renewable energy to residents and businesses while saving them money on their electric bills. Our first project, situated in beautiful Sullivan County, is completed and currently generating clean energy that is benefiting 350 residents and small businesses.


02 – Colors

Fills

BLACK

WHITE

SECTION GRAY

DIVIDERS / LINES


Divider

Typography

Black is the main text color for the majority of typography.

Gray is used when text should not be as prominent and is mostly disclaimer info.

Error Red is used for error messages on forms and fields


03. Button & UI Elements

Header Navigation - Primary Link

Collections Products

Footer Navigation Link

Collections Products

Text Link


Primary Button

Button Text

Secondary Button


Social Media Set

Forms

Input field


Checkbox


Radio Button


Select


Newsletter Form


Product card with vue