BUILDING BLOCkS

How to use building blocks in three steps:

  1. Copy the building block of your choice with the Copy button

  2. In Webflow, select the main-wrapper of your page, press Cmd + K then paste

  3. Press Enter to confirm, then press Cmd + Shift + A to unlock the building block and edit its content

Structure

Page template
c_001
Copy
Core structure of a blank page.
This building block is hidden inside a hide parent.
Building block template
c_002
Copy
Core structure of a building block display on this very page.
[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.
This building block is hidden inside a hide parent.
Section template
c_003
Copy
Core structure of a blank section.
This building block is hidden inside a hide parent.

Navigation

Navbar
[Webflow component number]
Copy
The navbar relative position is set with a sibling embed CSS style.
Warning: Don't press Cmd + Shift + A to unlock. Its content must stay synced across pages.
Footer
[Webflow component number]
Copy
Warning: Don't press Cmd + Shift + A to unlock. Its content must stay synced across pages.

Hero & Header

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Feature

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Case study

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Gallery

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Team

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Social proof

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Pricing

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

CTA

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Form

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

FAQ

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Blog

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.

Other

[building block name]
[Webflow component number]
Copy
This is the building block description. It can mention details, usage, variants, options, warnings, etc.