Baker Roofing Company

Design system · asset set

Four pieces, one system

A landing page, a careers page, a print sell sheet and a social ad set, all composed from the Baker Roofing design system: Oswald condensed uppercase on charcoal and paper, red rationed to overlines, CTAs and arrows, feature images carrying the cut top-right corner.

Roof replacement landing page

Roof Replacement Landing

Commercial replacement page: photo hero, four-stat infobox, services on the 3px mortar grid, featured projects, National Accounts panel.

Responsive web page
Careers page

Careers

Recruitment page built on the same parts with a different rhythm: red ownership band, five-step hiring process, Baker Academy panel, open positions.

Responsive web page
National Accounts sell sheet

National Accounts Sell Sheet

The system off-web at print density: masthead, cut-corner hero, stat band, three benefit columns and the teal call-out.

US Letter · 816 × 1056
Social ad set

Social Ad Set

Three placements testing the condensed type and the brand devices at extreme crop. Authored at true delivery pixels, scaled for review.

1080×1080 · 1080×1350 · 1080×1920

Notes

  • Copy is Baker's own language, transcribed from the design system's catalog. Nothing about the company is invented.
  • Leadership portraits on the careers page are declared placeholders: the kit ships no headshots.
  • Mockups only. The kit's mobile navigation layer is not loaded, so the utility bar clips at phone width.