# Swell Roofing: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-27. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/swell-roofing · JSON: https://designly.sh/style-sheets/swell-roofing.json
Site: [Swell Roofing](https://designly.sh/s/swell-roofing?format=md) (https://www.swellroofing.com)

## Colour

- #147F83: accent · 5/5 Pages
- #FAFAF7: background · 5/5 Pages
- #101619: background · 3/5 Pages
- #5C6668: text · 3/5 Pages
- #3F4647: text · 2/5 Pages
- #14181A: surface · 2/5 Pages
- #E3E1DC: surface · 2/5 Pages
- #5D696D: muted · 1/5 Pages
- #1AA2A7: muted · 1/5 Pages
- Contrast, text on background: 5.6:1 (AA)
- Contrast, text on surface: 3:1 (large text only)
- Contrast, accent on background: 4.5:1 (AA)

## Type

- display: Newsreader Variable · 5/5 Pages
- body: Inter Tight Variable · 5/5 Pages

## Spacing

- Section padding: 115px · 2/5 Pages
- Section padding: 108px · 1/5 Pages
- Section padding: 130px · 1/5 Pages
- Section padding: 134px · 1/5 Pages

## Radius

- 2px · 3/5 Pages

## Pages

- [Home](https://designly.sh/s/swell-roofing?format=md) — /
- [About](https://designly.sh/s/swell-roofing/about?format=md) — /about
- [Contact](https://designly.sh/s/swell-roofing/contact?format=md) — /contact
- [Gallery](https://designly.sh/s/swell-roofing/gallery?format=md) — /gallery
- [Services](https://designly.sh/s/swell-roofing/services?format=md) — /services

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.