06-sinclairgroup

06-sinclairgroup
Source URL
https://www.sinclairgroup.co.uk/
Status
ready
Created by
url_auto

Extracted metadata

Palette
#000000
#ffffff
#c9a961
#b8975a
#f5f5f5
#333333
#e5e5e5
Fonts
Body: regular 400, ~14–16px, line-height generoso (~1.5–1.7).
Headings: ALL CAPS, letter-spacing ampio (tracking ~0.1em), weight medium/semibold (500–600). Dimensioni ~24–48px per hero, ~14–18px per section labels.
Vision analysis (read-only)
## Palette
- `#000000` — Primary (header, footer, dominant brand color, dark sections)
- `#FFFFFF` — Background / text on dark
- `#C9A961` / `#B8975A` — Accent gold (logo badge "80", subtle highlights)
- `#F5F5F5` — Soft grey for alternating section backgrounds
- `#333333` — Secondary text / muted dark
- `#E5E5E5` — Borders, dividers, card outlines

## Typography
- **Sans-serif** geometrico e neutro per tutto (probabilmente Montserrat, Proxima Nova o simile), nessun serif.
- **Headings**: ALL CAPS, letter-spacing ampio (tracking ~0.1em), weight medium/semibold (500–600). Dimensioni ~24–48px per hero, ~14–18px per section labels.
- **Body**: regular 400, ~14–16px, line-height generoso (~1.5–1.7).
- **CTA/labels**: uppercase, small (~12–14px), spesso sottolineati al hover.
- Forte gerarchia basata su CASE e spacing più che su variazione di dimensione.

## Layout patterns
- **Griglia rigida a card uniformi**: sezioni con 4 colonne (loghi brand, valori, servizi) tutte di altezza identica.
- Tile/card quadrate o leggermente rettangolari con immagine + label centrato sotto o sopra.
- **Full-width sections** alternate a contenuto centrato; nessun max-width stretto, le card occupano l'intera larghezza divisa equamente.
- **Vertical rhythm** ampio: padding verticale generoso tra sezioni (~80–120px).
- Header sticky nero sottile in alto con logo centrale e badge anniversario a destra.
- Footer molto strutturato, multi-colonna, sfondo nero con testo bianco minuto.
- Carousel/slider con frecce nere quadrate in basso a sinistra.

## Imagery
- **Fotografia a colori** in stile editoriale/lifestyle: auto in movimento, ritratti di staff, mani che si toccano (valori), pianeta/natura (sostenibilità).
- Immagini sempre **rettangolari, full-bleed nelle card**, senza bordi arrotondati pronunciati.
- Overlay scuro su immagini hero per leggibilità del testo bianco sovrapposto.
- Loghi brand monocromatici (neri) su sfondo bianco, allineati in griglia neutra.
- Nessuna illustrazione, nessuna icona decorativa: tutto fotografico o tipografico.

## Micro-copy
- Lingua: **Inglese UK**, tono corporate-premium ma caldo.
- Headline brevi, 2–5 parole, ALL CAPS: *"BELONG FOR GOOD"*, *"JOIN THE SINCLAIR FAMILY"*, *"FIND A RETAILER"*, *"OUR PEOPLE"*, *"OUR PLANET"*.
- CTA imperativi e semplici: *"Find Out More"*, *"Vacancies"*.
- Nessuna esclamazione, nessuna punteggiatura aggressiva. Tono istituzionale, sobrio.
- Tagline emozionale + claim funzionale affiancati ("Belong for Good" come pay-off del brand).

## What to emulate
- **Griglia di tile uniformi** con label uppercase sotto/sopra fotografia lifestyle.
- **Palette quasi monocromatica** (nero/bianco/grigio) con un singolo accent caldo discreto.
- **Tipografia tutta sans-serif uppercase** con tracking ampio per dare un'aria premium/automotive.
- **Header nero minimale** con logo centrato e elemento celebrativo (badge/numero) all'estremità.
- **Sezioni a tema valoriale** (People, Values, Community, Planet) come griglia di 4 card identiche con foto evocativa.

## What to avoid
- Niente colori saturi o gradient: rovinerebbero la sobrietà corporate.
- Niente font serif o display decorativi: l'identità è strettamente geometric sans.
- Niente bordi arrotondati spinti, ombre o effetti glass/neumorfici: tutto è flat, rigoroso, a spigoli vivi.