Colors

These are the colors used throughout the site. Each has been assigned to a variable in the "variables.scss" file.


Base

Black
White

Primary

Kelly Green
Forest Green
Tan
Ash

Grays

Gray Lighter
Gray Light
Gray
Gray Dark

Typography

These are our basic typographic styles. Make updates in the "typography.scss" file.


Headings

Sutro Medium

H1

The quick brown fox jumps over the lazy dog.

H2

The quick brown fox jumps over the lazy dog.

H3

The quick brown fox jumps over the lazy dog.

H4

The quick brown fox jumps over the lazy dog.

H5
The quick brown fox jumps over the lazy dog.
h6
The quick brown fox jumps over the lazy dog.

Body Copy

Proxima Nova

Lead Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Default Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in dui ex. Nullam vel porta lectus. Morbi eu libero finibus, dapibus erat a, aliquam felis.

Lists
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  • Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  • Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
  2. Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
  3. Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.

Buttons

These are our button styles. Make updates in the "buttons.scss" file.


Colors




Alerts

These are our alert styles. Make updates in the "alerts.scss" file.



Modals

These are our modal styles. Make updates in the "modals.scss" file.


Sizes

Press a button below to launch a modal.


Forms

These are our default form styles. Make updates and additions in the "forms.scss" file.


Please enter your first name.

Please enter your last name.

Please enter your email address.

Please enter a password.

Please enter your address.

Please enter your city.

Please select your state.

Please enter your zip code.

  

Please select one.

  

Please select one.

Please enter a message.


Card Grid


Card Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Card link
Card Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, voluptatum, ad reiciendis inventore libero quasi minus...

Card link
Card Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, voluptatum, ad...

Card link
Card Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Card link
Card Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, voluptatum, ad reiciendis inventore libero quasi minus...

Card link

Issue Grid



Article Grid


Issue Cover

Author Panel


Profile Image

Author Name

Author

Bio...


Callouts


Default

The national publication for the pecan industry.

Mailed across the U.S. and internationally to those growing, selling and working with pecans.

Sidebar

Mailed across the U.S. and internationally to those growing, selling and working with pecans.


Favicons



iPad 3 Retina (144x144)


iPhone 4 Retina (114x114)


iPad (72x72)


iPhone Apple Touch (57x57)


Favicon Retina (32x32)


Favicon (16x16)