# Swell Roofing, Services

Home services · Services · Custom code · Long Beach, CA, USA
Live page: https://www.swellroofing.com/services
On Designly: https://designly.sh/s/swell-roofing/services · JSON: https://designly.sh/s/swell-roofing/services?format=json
Site: [Swell Roofing](https://designly.sh/s/swell-roofing?format=md) (https://www.swellroofing.com)
Styles: serif, type-led, editorial, light

## Why it works

Large Newsreader headlines on an off-white background establish an editorial tone for the roofing contractor. Cyan is used sparingly for the "Get a Free Quote" button and service icons, while phone numbers are placed prominently in the hero to prioritize immediate contact.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/swell-roofing/services#section-1) (y 23–93px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/0.webp · id sec_8d32b006cebb4147b6d1e5a37931cc2b
2. [Hero: "Hero"](https://designly.sh/s/swell-roofing/services#section-2) (y 93–900px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/1.webp · id sec_e3df28ca12004cd19da14ca85b237829
3. [Services: "Commercial roofing services"](https://designly.sh/s/swell-roofing/services#section-3) (y 1015–1210px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/2.webp · id sec_50e0bf5c7338471f9c49ad3a43a1b2e4
4. [Services: "Cleaning"](https://designly.sh/s/swell-roofing/services#section-4) (y 1276–2705px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/3.webp · id sec_906fa88a9e13460c864310b454fe1dd0
5. [Services: "Residential roofing services"](https://designly.sh/s/swell-roofing/services#section-5) (y 2936–3064px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/4.webp · id sec_f765d7fb09044cb5bca614fe23f21639
6. [Services: "Inspections"](https://designly.sh/s/swell-roofing/services#section-6) (y 3130–4583px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/5.webp · id sec_c3671ae494e0458a832df599a05f552a
7. [Footer: "Footer"](https://designly.sh/s/swell-roofing/services#section-7) (y 4698–5486px of 5486) · image: https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/sections/6.webp · id sec_3d97bf67caae4466b2261893c9361276

## Design tokens

- Colours: #FAFAF7 (background), #5C6668 (text), #147F83 (accent), #E3E1DC (surface), #101619 (surface-2)
- Fonts: Newsreader Variable (display), Inter Tight Variable (body)
- Section padding: 134px
- Export: https://designly.sh/s/swell-roofing/services?format=tokens.css · https://designly.sh/s/swell-roofing/services?format=tokens.json · https://designly.sh/s/swell-roofing/services?format=tokens.tailwind.css

## Images

- Desktop (1440×5486): https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/desktop.webp
- Mobile (390×7220): https://designly.sh/media/captures/cap_d0d568acfa7240b68f0b1e3cd18e031b/mobile.webp
- Captured: 2026-10-27

## Other Pages of Swell Roofing

- [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

## Related

- [Borthwick Decorators, Services](https://designly.sh/s/borthwick-decorators/areas-covered?format=md) — Home services · Services · WordPress · Edinburgh, UK · styles: serif, editorial, light, type-led · image: https://designly.sh/media/captures/cap_76d15df4405841f793ac2f17dd85cb75/desktop.webp
- [Red House Building, Services](https://designly.sh/s/red-house-building/construction-services?format=md) — Home services · Services · Squarespace · Colchester, VT, USA · styles: type-led, minimal, photo-led, corporate · image: https://designly.sh/media/captures/cap_4a22bfd3c00749e78d9fe1745fbe6356/desktop.webp
- [Portland Project, Services](https://designly.sh/s/portland-project/services?format=md) — Home services · Services · Custom code · Portland, OR, USA · styles: type-led, minimal, photo-led, corporate · image: https://designly.sh/media/captures/cap_3f900abd6f224f50ab1822f94d31bcae/desktop.webp
- [Waring Roofs & Repairs, Services](https://designly.sh/s/waring-roofs-repairs/services?format=md) — Home services · Services · Custom code · Charleston, SC, USA · styles: serif, type-led, light, corporate · image: https://designly.sh/media/captures/cap_27853a8b7aca481e8fed291de5ad6801/desktop.webp

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