alo builder blocks

A library of content blocks to build various landing pages. Mix & match to create the perfect page! To see mobile - please option + command + i and change the device to iPhone.

Hero/Page Headers

Use these at the top of the page. Feel free to throw in a button from the options.

Template ID: a1

Hero Image

Notes: Desktop image = 3360w x 1045h, Tablet = 1534w x 1386h. Must enter text & image separately; at desktop & tablet (mobile will inherit tablet).

Practice to pavement

Get inspired by the latest gear, from no-slip mats to ultra-soft leggings

practice to pavement

Get inspired by the latest gear, from no-slip mats to ultra-soft leggings

Template ID: a2

Hero Message

Notes: straightforward

Page Title

Lorem ipsum. Connect, practice & get inspired. Participate in an instagram challenge and potentially win some amazing yoga gear!

Categories

Template ID: C1

category grid

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

Template ID: C2

Horizontal Tiles

Notes:

Image size = 1534x604

yoga

Train

barre

pilates

cardio

run

explore

lounge

Template ID: C3

Zigzag Grid

Notes:

Image size = 1170w x 836h

Tech Forward

The Idol Collection

Super techy. Ultra-lightweight. Next-level moisture control. Colors you need now.

SHOP IT

THE AMPLIFY COLLECTION

Seamless & forward, with unmatched breathability.

SHOP IT

THE TRIUMPH COLLECTION

Super soft & incredibly versatile. So yoga & chill.

SHOP IT

Template ID: C4

2 Columns

Notes:

Image size = XXXXX

Products

These are linked to shopify and can be changed out without having to insert an image/price/name.

Template ID: P1

Product grid

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

Events

Do not need to use all of the fields. Can delete as inserted into page.

Template ID: E1

With Descriptions

Notes:

Image size = XXXXX

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

SEPT 2 @12PM PST

IG LIVE

Yoga Sculpt

A strength-based class that will have you pulsing to the beat. Flow, burn, move, sweat and get ready to sculpt your body while releasing any blocked energy! Use weights for extra burn!

On Ig live @ALOYOGA

SEPT 9 @12PM PST

IG LIVE

Power Yoga

Get ready to sweat! Challenging but so worth it — push your endurance and stamina by with this heat-building flow to upbeat music.

On Ig live @ALOYOGA

SEPT 15 @5PM PST

Zoom

Crystals 101 & Soundbath

Join us for our first-ever virtual Mindful Masters, live from our Alo Beverly Hills studio! You’ll be guided through a crystal healing workshop & restorative sound bath. Sign up below for the Zoom link!  

Sign Up for Zoom

SEPT 23 @12PM PST

IG LIVE

Feel-Good Yoga Flow

A feel-good flow (with an amazing playlist!) that is accessible to everyone. This class helps calm your mind, ground your energy and create space within your body, leaving you feeling your best.

On Ig live @ALOYOGA

SEPT 23 @4pm PST

IG LIVE

Kids’ Yoga

with @andrew7sealy & Zanna Roberts Rassi with Rumi & Juno

This special flow presented by our non-profit organization, Alo Gives, is designed to help kids get their wiggles out & introduce skills to help calm their minds & bodies, mute negative thoughts, and focus on learning at home or in the classroom. Find more free classes at alogives.com.

On Ig live @ALOYOGA

SEPT 30 @12PM PST

IG LIVE

Yoga Nidra

Move into a state of complete physical & mental relaxation. This transformative practice releases tensions & limiting beliefs. Dress comfortably and bring anything that will allow you to fully relax — eye mask, socks, or even a favorite pillow! 

On Ig live @ALOYOGA

Template ID: E2

Grid - No Descriptions

Notes:

Image size = XXXXX

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

Sunday, 6/21 @ 9:00 AM PST

FLEXIBILITY FLOW

with @aminahtaha

Sunday, 6/21 @ 11:00 AM PST

COURAGEOUS HEART FLOW

with @laurasykora

Sunday, 6/21 @ 1:00 PM PST

CLEANSING SOUNDBATH FOR RELEASE

with @phyllicia.bonanno

Sunday, 6/21 @ 3:00 PM PST

FEEL GOOD FLOW

with @andrew7sealy

Sunday, 6/21 @ 5:00 PM PST

GROUNDING YOGA NIDRA

with @meditatingwithdeandre

Sunday, 6/21 @ 7:00 PM PST

CHAKRA BALANCING SOUND BATH

with @koyawebb

Text Only Blocks

Text only options

Template ID: T1

3 Grid with Icons

Notes:

Shop for icons here: https://feathericons.com/

Find the CSS & copy and paste < >: https://github.com/feathericons/feather/tree/master/icons

Adjust size to 40 & weight to 1.5

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

WANT TO WIN A $500 SPREE?

  1. 1. Put on your fave Alo outfit

Snap a pic or video for insta!

  1. 2. Post on insta

Tag @aloyoga & use the hashtag #alotogether to enter our weekly raffle

  1. 3. Stay tuned!

We’ll announce a new winner every Friday

Template ID: T2

Banner with Background

Notes:

Lorem Ipsum

Notes: Image size = 774w x 820h 3 across on desktop/tablet, 2 across on mobile. Add link to box called "Link" - **Must re-do images, text & links for mobile

new styles just dropped

New spring looks are equal parts epic and essential

SHOP NEW ARRIVALS

Buttons

Use these at the top of the page. Feel free to throw in a button from the options.

Other Page Elements

Use these at the top of the page. Feel free to throw in a button from the options.

Template ID: T1

Toggle

Notes: "Edit Content JS + CSS " in the page data tab, enter this:

.builder-tab-active .builder-block {

background: white;

color: black;

text-decoration: underline;

}

Text Styles

Use these at the top of the page. Feel free to throw in a button from the options.

HEADING 1 - 58 | 44 | 32

HEADING 2 - 44 | 38 | 28

HEADING 3 - 32 | 28 | 24

HEADING 4 - 28 | 24 | 20

HEADING 5 - 24 | 20 | 18

HEADING 6 - 18 | 16 | 16

List header - 24 | 16 | 16

pre headline - 16 | 16 | 14

Large Paragraph - 20 | 18 | 16

Large Paragraph - Semibold - 20 | 18 | 16

Small Paragraph - 16 | 16 | 14

Small Paragraph - Semibold - 16 | 16 | 14

Product Name - 16 | 15 | 14

Product Price - 16 | 15 | 14

Video Title - needs to be added globally

Video Description - needs to be added globally