Components

Below, you'll find a variety of pre-built, fully responsive basic layout components designed to save time when creating rows and columns. As time progresses, more pre-built elements will be added.

Intentionally, you won't find more complex designs here—no navigation bars, footers, or tab sections. These elements vary too much from one design to another and cannot be standardized without turning this into a template.

T-01. Title Section – Centered

H1 Kicker headline

H2 Heading, change to h1 if you don’t use the kicker

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.

Button Text

T-02. Title Section – Left

H1 Kicker headline

H2 Heading, change to h1 if you don’t use the kicker

Button Text

T-03. Title Section – Text Image

H1 Kicker headline

H2 Heading, use h1 if no kicker

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.

Button Text

T-04. Title Section – Image Text

H1 Kicker headline

H2 Heading, use h1 if no kicker

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.

Button Text

C-01. Content Section – Text 6–6

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H4 Heading, use h3 if no kicker

C-02. Content Section – Text 4–4–4

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Button Text

H4 Heading, use h3 if no kicker

C-03. Content Section – Image Text 6–6

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

H4 Heading, use h3 if no kicker

Button Text

C-04. Content Section – Image Text 6–3–3

H2 Heading

Button Text

H2 Heading

Button Text

H2 Heading

Button Text

H2 Heading

Button Text

C-05. Content Section – Text Image 6–6

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

H4 Heading, use h3 if no kicker

Button Text

C-06. Content Section – Text Image 3–3–6

H2 Heading

Button Text

H2 Heading

Button Text

H2 Heading

Button Text

H2 Heading

Button Text

C-07. Column Section – Image Text 2–4 wide

H2 Kicker headline

H3 Heading, change to h2 if no kicker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Button Text

H2 Kicker headline

H3 Heading, change to h2 if no kicker

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Button Text

C-08. Column Section – Image Text 6 wide

H2 Kicker headline

H3 Heading, use h2 if no kicker

Button Text

H2 Kicker headline

H3 Heading, use h2 if no kicker

Button Text

C-09. Column Section – Bordered Image Text 6 wide

H2 Kicker headline

H3 Heading, use h2 if no kicker

Button Text

H2 Kicker headline

H3 Heading, use h2 if no kicker

Button Text

C-10. Column Section – Image Text 4 wide

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

C-11. Column Section – Bordered Image Text 4 wide

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

C-12. Column Section – Image Text 3 wide

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

C-13. Column Section – Bordered Image Text 3 wide

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Button Text

A-01. Accordion Section

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

A-02. Accordion Section – centered

H2 Kicker headline

H3 Heading, change to h2 if you don’t use the kicker

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

L-01. Logo Section

L-02. Logo Section – text logos

H2 Heading lorem ipsum dolor sit amet, consectetur adipiscing

I-01. Image

I-02. Image 3x

I-03. Image 4x

I-04. Image 5x