Content
Content Components are created by combining multiple Global Components and other elements.
They are created specifically as content for a section.
Navbar
Footer
Components
Keep track on all components here.
Global
Global Components are most basic component meant to be used repeatedly across the site.
They can be customized from the Properties Panel.
Texts
Heading
Custom heading component
Basic heading component
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: 80px
Icon SVG
Size: 48px
Buttons
Button Primary
Button Secondary
Button Tertiary
Eyebrows
Eyebrow
Tags
Style: Theme
Theme 1
Theme 2
Theme 3
Style: Theme 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
- Item A
- Item B
- Item C
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
- Item A
- Item B
- Item C
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
- Item A
- Item B
- Item C
Avatars
Jane Doe
CEO
Vertical Spacing
320px
288px
256px
224px
192px
160px
128px
96px
64px
48px
32px
24px
16px
12px
None
Section
Theme: Base
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.