🎨 Styles
🔩 Utilities
🔖 Menus
🧱 Blocks
📐 Layouts
Launch Site

🔩 Utilities

⛔️ Project Docs
Notion
Open Figma File
📕

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Sections

Grids

Percentage Sizes

Full

100%

Half

50%

Third

33.33333%

Fourth

25%

Fifth

20%

Viewport Sizes

size-vp_full

Width

size-vw_full

size-vw_half

size-vw_third

size-vw_fourth

size-vw_fifth

Height

size-vh_full

size-vh_half

size-vh_third

size-vh_fourth

size-vh_fifth

Padding

All
Padding All 1
Padding All 2
Padding All 3
Padding All 4
Padding All 5
Padding All 7.5
Padding All 10
Top
Padding Top 1
Padding Top 2
Padding Top 3
Padding Top 4
Padding Top 5
Padding Top 7.5
Padding Top 10
Padding Top 12.5
Padding Top 15
Padding Top 20
Bottom
Padding Bottom 1
Padding Bottom 2
Padding Bottom 3
Padding Bottom 4
Padding Bottom 5
Padding Bottom 7.5
Padding Bottom 10
Padding Bottom 12.5
Padding Bottom 15
Padding Bottom 20
Top & Bottom
Padding Top Bottom 1
Padding Top Bottom 2
Padding Top Bottom 3
Padding Top Bottom 4
Padding Top Bottom 5
Padding Top Bottom 7.5
Padding Top Bottom 10
Padding Top Bottom 12.5
Padding Top Bottom 15
Padding Top Bottom 20
Left
Padding Left 1
Padding Left 2
Padding Left 3
Padding Left 4
Padding Left 5
Padding Left 7.5
Padding Left 10
Padding Left 12.5
Padding Left 15
Padding Left 20
Right
Padding Right 1
Padding Right 2
Padding Right 3
Padding Right 4
Padding Right 5
Padding Right 7.5
Padding Right 10
Padding Right 12.5
Padding Right 15
Padding Right 20
Left & Right
Padding Left 1
Padding Left 2
Padding Left 3
Padding Left 4
Padding Left 5
Padding Left 7.5
Padding Left 10
Padding Left 12.5
Padding Left 15
Padding Left 20
side
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Overides
Padding Top 0
Padding Bottom 0
Padding Left 0
Padding Right 0
Padding Top Bottom 0
Padding Left Right 0

Margin

Top
Margin Top 1
Margin Top 2
Margin Top 3
Margin Top 4
Margin Top 5
Margin Top 7.5
Margin Top 10
Margin Top 12.5
Margin Top 15
Margin Top 20
Bottom
Margin Bottom 1
Margin Bottom 2
Margin Bottom 3
Margin Bottom 4
Margin Bottom 5
Margin Bottom 7.5
Margin Bottom 10
Margin Bottom 12.5
Margin Bottom 15
Margin Bottom 20
Top & Bottom
Margin Top Bottom 1
Margin Top Bottom 2
Margin Top Bottom 3
Margin Top Bottom 4
Margin Top Bottom 5
Margin Top Bottom 7.5
Margin Top Bottom 10
Margin Top Bottom 12.5
Margin Top Bottom 15
Margin Top Bottom 20
Left
Margin Left 1
Margin Left 2
Margin Left 3
Margin Left 4
Margin Left 5
Margin Left 7.5
Margin Left 10
Margin Left 12.5
Margin Left 15
Margin Left 20
Right
Margin Right 1
Margin Right 2
Margin Right 3
Margin Right 4
Margin Right 5
Margin Right 7.5
Margin Right 10
Margin Right 12.5
Margin Right 15
Margin Right 20
Overides
Margin Top 0
Margin Bottom 0
Margin Left 0
Margin Right 0
Margin Top Bottom 0
Margin Left Right 0
side
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1
Padding Bottom 1

Visibility

Large / Desktop
Show
Show
Medium / Tablet
Show Medium
Hide Medium
Small / Landscape
Show Small
Hide Small
Xsmall / Portrait
Show Xsmall
Hide Xsmall

Positioning

Relative
Absolute
Fixed
Sticky

Images

Viewport Sizes

Full 100%

Half 50%

Third 33.3%

Fourth 25%

Fifth 20%

Image Aspect Ratio
Image Aspect Ration 1:1
Image Aspect Ration 4:3
Image Aspect Ration 3:2
Image Aspect Ration 8:5
Image Aspect Ration 16:9
Image Aspect Ration 21:9