To start this design we must start by creating a new section and add padding.
- Top Padding: 0
- Bottom Padding: 0
Column 1 Gradient Background
After opening up the row settings and choosing your background color pick two colors to create a subtle gradient. The colors will vary depending on what you choose however be sure to make to keep the Column 1 Gradient Direction at 125deg.
- Column 1 Gradient Direction: 125deg
Sizing
- Make This Row Fullwidth: Yes
- Use Custom gutter Width: Yes
- Gutter Width: 1
- Equalize Column Heights: Yes
Row Spacing
- Top Padding: 0px
- Bottom Padding: 0px
- Column 2 Top Padding: 200px
- Column 2 Bottom Padding: 200px
- Column 2 Left Padding: 350px (Desktop)
- Column 2 Right Padding: 50px
Add Section Title Text Module to Column 1
Heading 2 Text Setting
- Heading 2 Font Weight: vary
- Heading 2 Font Style: Uppercase
- Heading 2 Text Alignment: Center
- Heading 2 Text Color: #fffff
- Heading 2 Line Height 1.25em
- Heading 2 Text Shadow Vertical Length: -0.55em
- Heading 2 Text Shadow Color: rgba(0,255,255,0.25)
- Top Margin: 325px (Desktop)
- Bottom Margin: 325px
- Right Margin: -100% (Desktop)
Column 2 Heading 3 Text Settings
Move on to the second column to edit the heading text. All if the settings of the heading text may change due to your preference except for the heading letter spacing.
- Heading 3 Font Weight: vary
- Heading 3 Text Size: 60px
- Heading 3 Letter Spacing: -3px
- Bottom Margin: 50px
Description Text Module Column 2 Create a text module in the second column and use the following settings.
- Text Size: 17px
- Text Line Height: 1.3em
- Text Orientation: Justify
When its all said and done your design should look something like this.
