Brand Style Guide
A comprehensive guide to the visual identity of HD Claims, defining our logo, typography, and colour palette.
Logo System
Primary Logo (Wordmark)
The primary logo is the main brand identifier. It uses the "Plus Jakarta Sans" typeface in an Extra Bold weight. This version should be used in most marketing materials and footers.
Header Logo (with Tagline)
This version includes the tagline and is specifically designed for use in the main website header to provide immediate context.
Logomark (Brand Symbol)
The logomark is a compact symbol for use where the full logo won't fit, such as favicons and social media profiles.
Monochrome Usage
On light backgrounds, use the charcoal version.
On dark backgrounds, use the white version.
Typography
Logo & Heading Font: Plus Jakarta Sans
A modern, professional sans-serif used for the brand's primary identifiers and all page headings to ensure consistency and a strong visual hierarchy.
Logo Rules
- Weight: 800 (Extra Bold)
- Letter Spacing: -0.05em (tight)
- Line Height: 1
Heading Rules
- Weight: 800 (Extra Bold)
- Letter Spacing: Normal (0em)
- Line Height: 1.25 (tight)
Logo Example
Heading 1/2 Example
Body Font: Inter
A clean and highly legible sans-serif chosen for all paragraph text to ensure readability and a comfortable user experience across all devices.
Standard Text
- Weight: 400 (Regular)
- Line Height: 1.6 (relaxed)
Emphasised Text
- Weight: 500 or 600 (Medium/Semi-Bold)
- Line Height: 1.6 (relaxed)
This is a standard paragraph using Inter Regular (400 weight) with a relaxed line height. The quick brown fox jumps over the lazy dog.
This text is medium weight (500) for gentle emphasis within a sentence.
Iconography
Icon Library & Usage
Icons are from Font Awesome 6. Service icons use the accent colours to add visual interest, while UI icons (e.g., arrows, phones) should use primary or neutral colours.
Service Icons
UI Icons
Colour Palette
Primary Colours
Dark Teal
#0D4F5A
Original Gold
#B89146
Neutral Colours
Off-White
#F7F5F2
Charcoal
#232323
Grey
#575757
Icon Accent Colours
#0EA5E9
#F97316
#EF4444
#22C55E
#8B5CF6
#3B82F6
#14B8A6
#EC4899