Everyone wants these, so make them yours. Shop Best Sellers
Side Kick 1/3
The Side Kick 1/3 can be used in landing page to showcase three different images or videos together. Side Kick 1/3 also have two different image layout
- •Full Bleed
- •Inset
The Side Kick 1/3 Full Bleed and Inset content can have following structure.
- •Eyebrow
- •Heading
- •Body Text
- •CTA - Primary Button, Secondary Button, Link
Side Kick 1/3 Image Layout
Side Kick 1/3 can offer different image layout based on different needs.
- •Full Bleed+ Full Bleed + Full Bleed
- •Inset + Full Bleed + Full Bleed
- •Full Bleed + Inset + Full Bleed
- •Full Bleed + Full Bleed + Inset
- •Inset + Inset + Full Bleed
- •Full Bleed + Inset + Inset
- •Inset + Full Bleed + Inset
- •Inset + Inset + Inset
Side Kick 1/3 Desktop (Full Bleed + Full Bleed + Full Bleed)
Media Type= Image or Video
Left Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Mobile (Full Bleed + Full Bleed + Full Bleed)
Media Type= Image or Video
Left Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Desktop (Inset + Full Bleed + Full Bleed)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Mobile (Inset + Full Bleed + Full Bleed)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Desktop (Full Bleed + Inset + Full Bleed)
Media Type= Image or Video
Left Layout - Full Bleed
- •Inset Content Alignment - Top Left
- •Inset Text Alignment - Left
Center Layout - Inset
- •Full Bleed Content Alignment - Top Center
- •Full Bleed Text Alignment - Center
Right Layout - Full Bleed
- •Inset Content Alignment - Top Left
- •Inset Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Desktop (Full Bleed + Inset + Full Bleed)
Media Type= Image or Video
Left Layout - Full Bleed
- •Inset Content Alignment - Top Left
- •Inset Text Alignment - Left
Center Layout - Inset
- •Full Bleed Content Alignment - Top Center
- •Full Bleed Text Alignment - Center
Right Layout - Full Bleed
- •Inset Content Alignment - Top Left
- •Inset Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Desktop (Full Bleed + Full Bleed + Inset)
Media Type= Image or Video
Left Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Mobile (Full Bleed + Full Bleed + Inset)
Media Type= Image or Video
Left Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Desktop (Inset + Inset + Full Bleed)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Right Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Mobile (Inset + Inset + Full Bleed)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Right Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Veil options - Yes
Side Kick 1/3 Desktop (Inset + Inset + Full Bleed)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Mobile (Inset + Full Bleed + Inset)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Full Bleed
- •Full Bleed Content Alignment - Top Left
- •Full Bleed Text Alignment - Left
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Desktop (Inset + Inset + Inset)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Mobile (Inset + Inset + Inset)
Media Type= Image or Video
Left Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Center Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Right Layout - Inset
- •Inset Content Alignment - Top Center
- •Inset Text Alignment - Center
Veil options - Yes
Side Kick 1/3 Full Bleed Content Alignment Options
Content can be placed in a variety of different positions on the Side Kick 1/3 Full Bleed. These examples show content alignments. Text alignment can also vary (left, center and right)
Ensure text meets accessibility contrast ratios when placing over images and backgrounds.
*Inset content alignment has only center option.
Side Kick 1/3 Desktop (Top Left, Top Center, Top Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Top Left, Top Center, Top Right
Text Alignment - Left, Center, Right
Veil options - Yes
Side Kick 1/3 Mobile (Top Left, Top Center, Top Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Top Left, Top Center, Top Right
Text Alignment - Left, Center, Right
Veil options - Yes
Side Kick 1/3 Desktop (Center Left, Center Center, Center Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Center Left, Center Center, Center Right
Text Alignment - Left, Center, Right
Veil options - Yes
Side Kick 1/3 Mobile (Center Left, Center Center, Center Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Center Left, Center Center, Center Right
Text Alignment - Left, Center, Right
Veil options - Yes
Side Kick 1/3 Desktop (Bottom Left, Bottom Center, Bottom Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Bottom Left, Bottom Center, Bottom Right
Text Alignment - Left, Center, Right
Veil options - Yes
Side Kick 1/3 Mobile (Bottom Left, Bottom Center, Bottom Right)
Media Type= Image or Video
Layout - Full Bleed
Content Alignment - Bottom Left, Bottom Center, Bottom Right
Text Alignment - Left, Center, Right
Veil options - Yes
Button Styles
Various buttons and links can be used in the Hero Component
Primary Black BG and White BG
Primary Inverse
Primary Link
