# Site at Work Website Brand Handoff

## Controlling files
Use the SVG files in `04_Web_Assets/Header` as the source of truth for the website.

## Locked rules
- The center AT frame is a true square, never a rectangle.
- It has exactly two breaks: top center and bottom center.
- Do not retype or redraw SITE / WORK.
- Do not alter the spacing.
- The tagline is always `WEB MEETS WORKFLOW` when displayed.
- Preserve intrinsic aspect ratio. Set width and `height: auto`.

## Recommended use
- Light header: `site-at-work-logo.svg`
- Dark header: `site-at-work-logo-reversed.svg`
- Full tagline, light: `site-at-work-logo-tagline.svg`
- Full tagline, dark: `site-at-work-logo-tagline-reversed.svg`
- Browser icons: use the files in `04_Web_Assets/Favicons`

## Approved colors
- Deep Navy: #10233F
- Electric Blue: #1687E6
- Mint: #58DDB6
- Soft Off-White: #EEF5F5
- White: #FFFFFF

## Accessibility
Use navy for body text. Blue is best for large text and controls. Mint should be used as an accent on dark navy rather than normal text on white.
