Keep track on all components here.
Global Components are the most basic component meant to be used repeatedly across the site.
They can be customized from the Properties Panel.
Texts
Heading
Paragraph
Custom paragraph component
Basic paragraph component
Images
Aspect Ratio: 1:1
Radius: Round
Aspect Ratio: 3:2
Radius: Huge
Aspect Ratio: 16:9
Radius: Large
Brand Logos
Logo: Image
Size: Large
Logo: SVG
Size: Small
Icons
Icon: Image
Size: xxGiant
Icon: SVG
Size: xxHuge
Buttons
Button Primary
Button Secondary
Button Tertiary
Tags
Style: Base
Base 1
Base 2
Base 3
Style: Inverse
Inverse 1
Inverse 2
Inverse 3
Alerts
Success
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Error
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Spacing
xxLarge
xLarge
Large
Medium
Small
xSmall
xxSmall
Tiny
xTiny
xxTiny
None
Section
Theme: Base
Width: Huge
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Theme: Inherit
Width: Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Theme: Inverse
Width: Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Stats Item
increase in organic traffic within 3 months
Content Components are created specifically as content for a section.
These are used in multiple pages for consistency.
Below are some examples:
Navbar
Home Hero
Be Seen. Be Remembered.
Build brands that stand out.
Form
Footer
