Style Guide: Color, Type, Buttons, Navigation

Colors

$color-blue #005CB8
$color-blue-light #005CB8
$color-blue-dark #102750
$color-text #031437
$color-danger #E0251B
$color-yellow #FFD505

typography

H1

Lore

H2

Lorem Ipsum
Dolor Amit

H3

Lorem ipsum dolor sit amet,
consectetur adipiscing elit.

H4

Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
eiusmod tempor incididunt.

Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
eiusmod tempor incididunt.

BODY COPY

Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna.


Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna.


LABEL STYLE

Button & Link Styles

PRIMARY CTA
Submit Submit

SECONDARY CTA
See Our Products
See Our Products
LINK
Click here to see more Click here to see more

This text will be highlighted when hovered
Inspired by webdesignerdepot new design

SLIDER CTA






TAGS
BREAKFAST

Globals

Hero Items

Premium

Land O’ Frost Premium is our Healthy & Affordable sliced meat that every mother loves.

See Our Products

Deli Shaved

The smart choice for variety and flavor.

See Our Products

Bistro Favorites 100% Natural

Artisan quality meat at home.

See Our Products

Hero Carousel

Product Carousel (730×510)

Our Sliced Meats

Slider Items

promotions

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button

who we are

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button

recipes & more

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button

Scroll slider

promotions
promotions

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button
who we are

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button
recipes & more

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec maximus augue pellsque lacus gravida vehicula.

Click the Button

Social Blocks

Brand Slider

Our Brands

Our Brands

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Premium

Lorem ipsum dolor sit amet, consectetur elit

Sliced Meats

Sub Kits

Breakfast Cuts

Bistro Favorites

Lorem ipsum dolor sit amet, consectetur elit

Deli Shaved

Lorem ipsum dolor sit amet, consectetur elit

Product Detail

Nutritional Information

AMOUNT PER SERVING
Calories
Calories From Fat
Total Fatg
Saturated Fatg
Trans Fatg
Cholesterolmg
Sodiummg
Total Carbohydratesg
Dietary Fiberg
Sugarsg
Proteing
Vitamin A %
Vitamin C%
Calcium %
Iron %

Ingredients

Related Promotions

Back to Products

Click Slider

OUR HISTORY

Land O’Frost is a third generation, family-owned business started by Antoon Van Eekeren in 1941 and grown by his son, Paul Van Eekeren, a visionary who looked at the needs of consumers and acted on them. From our beginnings on the south side of Chicago to our current national presence and 1,500 employees, we’ve remained focused on family. That’s been the foundation of our company and our brands. We consider our employees, customers, and partners a part of our Land O’Frost family. It’s our unwavering commitment to everyone we serve that has allowed us to grow over the years.

- David Van Eekeren, President & CEO

Block Images Sections

Form Fields

OPEN TEXT FIELD
TEXT FIELD W/ ENTERED TEXT
TEXT FIELD W/ ERROR STATE

Grid

is-one-quarter

is-one-quarter

is-one-quarter

is-one-quarter

is-half

is-one-quarter

is-one-quarter

is-one-quarter

Auto