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: xxGiant

Icon SVG

Size: xxHuge

Buttons

Button Primary

Icon: Hidden

Button Secondary

Button Tertiary

Variant: Reverse

Eyebrows

Eyebrow

Tags

Style: Theme

Theme 1

Theme 2

Theme 3

Style: Theme Reverse

Reverse 1

Reverse 2

Reverse 3

Counters

0
1

0
1

1
0
2

1
0
2

2
1
0
3

2
1
0
3

3
2
1
0
4

3
2
1
0
4

4
3
2
1
0
5

4
3
2
1
0
5

5
4
3
2
1
0
6

5
4
3
2
1
0
6

6
5
4
3
2
1
0
7

6
5
4
3
2
1
0
7

7
6
5
4
3
2
1
0
8

7
6
5
4
3
2
1
0
8

8
7
6
5
4
3
2
1
0
9

8
7
6
5
4
3
2
1
0
9

9
8
7
6
5
4
3
2
1
0

9
8
7
6
5
4
3
2
1
0

Spacing

xxHuge

xHuge

Huge

xxLarge

xLarge

Large

Medium

Small

xSmall

xxSmall

Tiny

xTiny

xxTiny

None

Section

Theme: Inherit

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: 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.

Content

Content Components are created specifically as content for a section.
These are used in multiple pages for consistency, here are some examples:

Navbar

Home About

About

Designing at the intersection of creativity and technology

I believe the future of design is hybrid — where human creativity meets the limitless possibilities of artificial intelligence.

85+

AI Artworks Created

Project NeoSuite

Chromatic Studio data visualization

12+

Websites Designed

97%

Client Satisfaction

ideabloom.io

30

Collaborations Completed

Footer