Join Mejuri+ to get 10% off your first order.Sign Up
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
