CTA Inline Groups Instructions
Key Points
- Font and icon sizing are connected
- small - icons 36px + text 16px
- medium - icons 50px + text 18px
- large - icons 80px + text 20px
- Global Background can be used to give all CTAs a background
- when individual bg chosen, they override global bg
-
1. Horizontal w/ icon above
-
No Background
-
Small Sizing
-
Not Spaced Evenly
-
2. Horizontal with icon above
-
Large + Sans Serif
-
No background
-
Spaced Evenly
-
3. Horizontal with on side
-
No Background or Border
-
Medium Sizing
-
Not Spaced Evenly
-
Horizontal Stacked
-
Has Backrgound
-
Medium Sizing
-
Spaced Evenly
-
Horizontal
-
Icon above
-
Medium Sizing
-
NOT Spaced Evenly
Items below are within Advanced Grid Wrapper
-
Vertical
-
Has Background
-
Small Sizing
-
Uses Global Background
-
Vertical
-
Medium Sizing
-
Medium + Sans Serif
-
Another CTA
-
Vertical
-
Large Sizing
-
Large + Sans Serif
-
Another CTA
-
Vertical
-
Has Background
-
Small Sizing
-
Uses Global Background
-
Vertical
-
Medium Sizing
-
Medium + Sans Serif
-
Another CTA
-
Vertical
-
Large Sizing
-
Large + Sans Serif
-
Another CTA