# Haritt Group brand guidelines

Role: Umbrella brand. Website: https://haritt.com.

The umbrella brand for the group and its ventures. Warm off-white, editorial serif headlines and a deep red accent.

Theme: Light only. The site does not ship a dark theme.

## Logos
- Primary logo (3D circle): https://haritt.com/logo.png (PNG). Flame icon in a glossy circle. Use for hero areas, share images and large placements. 512 × 512, transparent background.
- Flat circle: https://haritt.com/logo-flat.png (PNG). Flat version for small sizes, favicon and single-colour use.
- 3D circle, large: https://haritt.com/brand-assets/haritt-group/logos/haritt-group-3d-circle.png (PNG). 1024 × 1024 master.
- Flat circle, large: https://haritt.com/brand-assets/haritt-group/logos/haritt-group-flat-circle.png (PNG). 1024 × 1024 master.
- Favicon / compact: https://haritt.com/favicon.png (PNG). Browser tab and app icon use (flat circle).
- Social share cover: https://haritt.com/og.jpg (JPG). 1200 × 630 link preview image.

Not available: Monochrome logo; Dedicated dark-background version; Wordmark as a file (the site sets HARITT in Montserrat Bold with GROUP in red as live text).

## Usage
- Use the logo files as supplied. Never stretch, squash, rotate, recolour or add effects.
- Minimum size: 24px on screen for circular badges and app icons; 32px or larger when the text inside must be readable.
- Clear space: keep at least 25% of the logo's width empty on every side.
- Circular badges and app icons work on light and dark backgrounds; avoid busy photos behind them.
- Keep each brand in its own colours and fonts. Do not mix tokens across brands.
- Cross-brand links: show the venture's own logo and name, and link to its own website.
- Headers: logo plus brand name only; no parent name beside a venture's name. Only the HV Verse site footer says "A Haritt venture".
- Naming: brand-assets/<brand>/logos/<brand>-<variant>.<ext>; CSS variables use the brand prefix (--hg-, --hd-, --hvw-).

## Fonts
- Source Serif 4: Headings, display, weights 400, 500, 600, italic 500. Google Fonts · SIL Open Font License 1.1
- Inter: Body, UI, navigation, weights 400, 500, 600. Google Fonts · SIL Open Font License 1.1

Tokens: colors.css, typography.css, tokens.json in this folder. They document the live site; changing them does not change the website.