Hero

Components

Hero / left / Image BG
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

hero / center / Image BG
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Hero / left / Basic
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

hero / center / video
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Hero / Left / Soc Proof

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit

hero / left / Email form

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hero / Left / Email + Soc Proof

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

We featured on medias

Hero / Left / Email

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hero / Left / Split

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit

hero / center / Image Vertical
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

290+
Scent Designers
25+
Natural Scents
50+
Perfume Creation
hero / center / Image
UI Framework for Webflow

create a scent that Speaks you

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Hero / Half Circle / Light

Bespoke

Perfume

Hero / Half Circle / Dark

Bespoke

Perfume

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

The hero section is placed at the top of the landing page and it's the first thing users see when arriving on a website.

Video tutorials

Coming soon...