Back to Dashboard
Design System

Brand & Design Asset Specifications

Full specs, sizes, formats, and delivery checklist for all 108 sites

Logo

512 × 512

Primary brand logo in multiple formats for web, print, and digital usage.

Formats
SVG, PNG, JPG
Specifications
  • · Minimum 512×512px master file
  • · SVG for web (scalable)
  • · PNG with transparent background
  • · Dark and light variants
  • · Horizontal and stacked versions
Deliverable
ZIP folder with all variants

OG Image

1200 × 630

Open Graph image for social media sharing previews on Facebook, Twitter, and LinkedIn.

Formats
PNG, JPG
Specifications
  • · Exactly 1200 × 630px
  • · Store name and logo visible
  • · Brand colours applied
  • · Max 1MB file size
  • · Unique per site/market
Deliverable
PNG file per site

Favicon & App Icons

Multi-size

Favicon files and app icons in all required sizes for browsers and mobile home screens.

Formats
ICO, PNG, SVG
Specifications
  • · 16×16 and 32×32 ICO for browsers
  • · 180×180 PNG for Apple touch icon
  • · 192×192 and 512×512 PNG for Android
  • · SVG favicon for modern browsers
  • · manifest.json with icon references
Deliverable
Favicon folder + manifest

Brand Colors & Fonts

Style Guide

Complete color palette, typography system, and brand usage guidelines for consistent application across all 108 sites.

Formats
PDF, CSS, Figma
Specifications
  • · Primary, secondary, and accent colours (HEX/RGB/HSL)
  • · Typography: heading and body font stack
  • · Font weights and size scale
  • · CSS custom properties / design tokens
  • · Do/don't usage examples
Deliverable
PDF style guide + CSS variables file

Delivery Checklist

Logo in all formats delivered to dev team
OG images generated per site
Favicons exported and placed in /public
Brand colours added as CSS variables
Fonts loaded via Google Fonts or self-hosted
Style guide shared with design & dev teams
Dark mode variants confirmed (if applicable)
Back to Dashboard