CTA Section 10
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 | 2rem | 4rem | 478px | 1512px | clamp(2rem, 1.0754rem + 3.0948vw, 4rem) |
| 62.5% | 10px | 3.2rem | 6.4rem | 478px | 1512px | clamp(3.2rem, 1.7207rem + 3.0948vw, 6.4rem) |
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.
