Style Guide

This guide lays out all of the CSS styles used throughout the kit. It includes specific directions on using text styles, product cards, and wrappers.

Stylish modern lighting options

The right light can transform any environment

Thoughtfully curated modern lighting fixtures

The right light can transform any environment

8 Genius Ways to Use Lighting in Your Home
How To Choose The Right Lighting For Any Room
Let there be light
Stylish modern lighting options
The right light can transform any environment
Thoughtfully curated modern lighting fixtures
The right light can transform any environment
8 Genius Ways to Use Lighting in Your Home
How To Choose The Right Lighting For Any Room
Author's Explanation:

As we know now, there are 7 types of text classes for working with you typography. To easily align all your typography in the sections every text class comes with a combo class clearing the margins coming from the main class. As you can see on the example below there is Bottom Clear which removes the Bottom Margin, Full Clear for setting both margins to 0 and Top Clear is great for aligning headlines to the same level as paragraphs.

Lifetime of illumination
[SizeJumbo Text] - [SizetextJumbo Bottom Clear]
Lifetime of illumination
[SizeJumbo Text] - [SizetextJumbo Full Clear]
Lifetime of illumination
[SizeJumbo Text] - [SizetextJumbo Top Clear]
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Text LinkText LinkText Link
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
Lasting solutions that provide a lifetime of illumination
White Smoke
#ebedee
Dark
#18181d
Black
#000000
Rosy Brown
#af9387
Indian Red
#db4b68
Sea Green
#12b878
Author's Explanation:

Product Cards are the main building part of every store. So to give you maximum flexibility Product grid cards are coming with S, M, L, XL combo classes. This is particulary handy when filling your CMS with landscape or portrait pictures. Don't forget that you can always go with different number of columns. Recommended number of columns is 1 to 4 for the optimal experience.

With the creation of his first product in 1993, Pablo established a powerful and generative design philosophy. Since then, his core principles have informed the development of every light in the studio’s 25-year history. These products continue to move with culture while withstanding trends in design — and each one carries the underlying uniqueness that is distinctly “Pablo.”

With the creation of his first product in 1993, Pablo established a powerful and generative design philosophy. Since then, his core principles have informed the development of every light in the studio’s 25-year history. These products continue to move with culture while withstanding trends in design — and each one carries the underlying uniqueness that is distinctly “Pablo.”

With the creation of his first product in 1993, Pablo established a powerful and generative design philosophy. Since then, his core principles have informed the development of every light in the studio’s 25-year history. These products continue to move with culture while withstanding trends in design — and each one carries the underlying uniqueness that is distinctly “Pablo.”

As we know now, there are 7 types of text classes for working with you typography. To easily align all your typography in the sections every text class comes with a combo class clearing the margins coming from the main class. As you can see on the example below there is Bottom Clear which removes the Bottom Margin, Full Clear for setting both margins to 0 and Top Clear is great for aligning headlines to the same level as paragraphs.

As we know now, there are 7 types of text classes for working with you typography. To easily align all your typography in the sections every text class comes with a combo class clearing the margins coming from the main class. As you can see on the example below there is Bottom Clear which removes the Bottom Margin, Full Clear for setting both margins to 0 and Top Clear is great for aligning headlines to the same level as paragraphs.

With the creation of his first product in 1993, Pablo established a powerful and generative design philosophy. Since then, his core principles have informed the development of every light in the studio’s 25-year history. These products continue to move with culture while withstanding trends in design — and each one carries the underlying uniqueness that is distinctly “Pablo.”
Shop our fall collection
  • How to customize formatting for each rich text
  • How to customize formatting for each rich text
  • How to customize formatting for each rich text
  1. How to customize formatting for each rich text
  2. How to customize formatting for each rich text
  3. How to customize formatting for each rich text
Can I cancel my subscription at anytime?

Sure. Your paid subscription can be cancelled anytime by shifting to Lite plan.

Can I cancel my subscription at anytime?

Sure. Your paid subscription can be cancelled anytime by shifting to Lite plan.

Premium
Premium
Premium
Premium