Primary fonts
Fiendstar Bold
Fiendstar Bold is used for display headlines and a some other elements, creating a unique identity for Croydon Council:
- Site logo (uses SVG)
- Headings (H1 - H6)
- Main navigation links
- Button text
- Form labels
Fiendstar Light
Fiendstar Light is only used in the service label.
Source Sans 3
All other text should use Source Sans 3.
- Body copy, lists, tables, alerts
- As a fallback for Fiendstar
- Choose from weights: 400, 700
Responsive text sizing
Element size
| head | head | head |
|---|---|---|
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
Element spacing
| head | head | head |
|---|---|---|
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |
| value | value | value |