SmartHQ Brand Guidelines¶
Welcome to the SmartHQ brand guide. Use this page to ensure visual and messaging consistency across platforms.
Visual Identity¶
Background¶
- Color:
#333
Typography¶
All text uses the Poppins font.
| Element | Weight | Size | Color | Letter Spacing |
|---|---|---|---|---|
| Page Title (H2) | 700 | 22px | #fff |
0.05em |
| Form Labels | 700 | 1rem | #b2b2b2 |
0.05em |
| Paragraph Text | 400 | 1rem | #b2b2b2 |
— |
| Links | 400 | 1rem | #b2b2b2 |
0.05em |
| Link Hover (desktop) | — | — | #fff |
— |
Button¶
- Primary Color:
#A11F7F - Hover Color:
#DB3EB1(non-mobile) - Radius:
30px - Text:
- Weight: 700
- Size: 16px
- Color:
#fff - Letter Spacing:
0.05em
Links¶
- Use for navigation and help text
- Always underline
Usage Best Practices¶
- Do not stretch, crop, or apply effects to text or logos
- Maintain clear spacing around elements
Contact¶
For branding and design questions, contact us here.