LG Cool Store Styleguide

Table of Contents

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt consequatur iure ea, ducimus laboriosam labore eligendi, voluptates blanditiis placeat ab quidem quis repellat nemo dolore, culpa asperiores, reiciendis magni fugiat!

This is muted text for secondary information.

Cards

Card Default
Card Soft
Card Hard
Card Flat
Card Dark
Card Medium

Grid System

Basic Grid

Column 6
Column 6
Column 4
Column 4
Column 4

Responsive Grid

XS-12 MD-6
XS-12 MD-6
Responsive
Responsive
Responsive

Product Components

Product Cards with Overlay

Product
Product Name
$25.00
Product
Product Name
$35.00
Product
Product Name
$45.00

Product Badges & Indicators

SALE Sale Badge

In Stock (24 units)

Low Stock (3 units)

Out of Stock

Forms

Form Inputs

Hotdog Search

🔍
🔍

Buttons

Link Button

Toggle Switch

Select Dropdown

Favorite/Heart Checkbox

Click the heart to favorite

Tables

Product Inventory Table

SKU Product Category Price Stock
2001 Classic Snapback Cap Caps $25.00 40
2002 Mesh Trucker Cap Caps $22.00 28
3001 High-Top Sneakers Shoes $85.00 15
3002 Canvas Low-Top Shoes $60.00 20