Content
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
WE
DO
SHOWS
Form
Footer
Components
Keep track on all components here.
Global
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
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: 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
- 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
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
98%
increase in organic traffic within 3 months
OUR
PROCESS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
01
Define
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
02
Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
03
Develop
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
04