CTA Section 19
This layout uses fluid typography
This layout’s uses clamp() with a root font size of 62.5%. For a root font size of 100%, see the table below.
Clamp function in Heading
| Root Font size | 1 rem = | Min font size | Max font size | Min width Viewport | Max width Viewport | Clamp function |
|---|---|---|---|---|---|---|
| 100% | 16px | 1.625rem | 3.5rem | 478px | 1512px | clamp(1.625rem, 0.7582rem + 2.9014vw, 3.5rem) |
| 62.5% | 10px | 2.6rem | 5.6rem | 478px | 1512px | clamp(2.6rem, 1.2132rem + 2.9014vw, 5.6rem) |
Here are some tips for designing an effective CTA section:
- Be clear and concise: A CTA should clearly communicate the action you want the visitor to take.
- Use persuasive language: Use terms that motivate the visitor to take the desired action.
- Use eye-catching colors: Make sure the CTA stands out from the rest of the page.
- Place it prominently: Position the CTA in a location on the page where it is easy to see and access.
Components used
BEM class name block
.cta-19__container
Category
Elements
Additional plugins
Last update
March 5, 2024