Add Guidelines for Component Design
parent
9beabd58cc
commit
7ecbb5c4de
|
|
@ -0,0 +1,26 @@
|
||||||
|
### Hero Component:
|
||||||
|
**Definition:**
|
||||||
|
- Captures user attention.
|
||||||
|
- Sets the tone for the website.
|
||||||
|
|
||||||
|
**Layout:**
|
||||||
|
- Placement of elements (text, images, buttons).
|
||||||
|
- Responsive design considerations.
|
||||||
|
|
||||||
|
### Call-to-Action (CTA) Component:
|
||||||
|
**Definition:**
|
||||||
|
- Encourages user engagement (sign-ups, purchases, etc.).
|
||||||
|
- Directs visitors toward important actions.
|
||||||
|
|
||||||
|
**Design Elements:**
|
||||||
|
- Button: Importance of contrast for visibility.
|
||||||
|
- Text: Wording of the CTA (e.g., “Sign Up Now”, “Get Started”).
|
||||||
|
- Tips on creating persuasive action-oriented text.
|
||||||
|
|
||||||
|
**Placement:**
|
||||||
|
- Recommendations for positioning within the layout.
|
||||||
|
- Importance of context surrounding the CTA.
|
||||||
|
|
||||||
|
### Conclusion:
|
||||||
|
- Recap the key points discussed.
|
||||||
|
- Encourage feedback for continuous improvement.
|
||||||
Loading…
Reference in New Issue