# Swell Roofing, Home

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

## Why it works

Large Newsreader headlines on a cyan background establish authority, while the phone number and "Get a Free Quote" button are repeated in the hero to prioritize immediate contact. The transition to a white background for service details and reviews provides a clear shift from brand identity to social proof.

## Sections, top to bottom

1. [Hero: "Swell"](https://designly.sh/s/swell-roofing#section-1) (y 0–392px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/0.webp · id sec_8ce368192c64487bb915888e61618724
2. [Call to action: "Call to action"](https://designly.sh/s/swell-roofing#section-2) (y 392–900px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/1.webp · id sec_9c8cf24fd33a422abd6c5866be43e1e6
3. [Content: "Content"](https://designly.sh/s/swell-roofing#section-3) (y 900–1116px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/2.webp · id sec_9fe2532bb8f94385b103256028035732
4. [Content: "Nine years in, we still treat every roof…"](https://designly.sh/s/swell-roofing#section-4) (y 1116–2068px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/3.webp · id sec_6fc2eb4983964b169521e960e0683386
5. [Reviews: "What SoCal property owners say"](https://designly.sh/s/swell-roofing#section-5) (y 2068–6814px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/4.webp · id sec_11bec6c5565e4a52bbc9941f88b12238
6. [Content: "The proof is on the roof"](https://designly.sh/s/swell-roofing#section-6) (y 6815–7620px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/5.webp · id sec_b1504b24c4204cf9a63d797b287d99b0
7. [Gallery: "See our recent roofing projects"](https://designly.sh/s/swell-roofing#section-7) (y 7620–8476px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/6.webp · id sec_6f1683427659497d9b08cdb11ed47c5b
8. [Testimonials: "Testimonials"](https://designly.sh/s/swell-roofing#section-8) (y 8476–9280px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/7.webp · id sec_298435c406d64b779e32dd7ac339eb24
9. [Content: "Every service a SoCal roof needs"](https://designly.sh/s/swell-roofing#section-9) (y 9389–9586px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/8.webp · id sec_049cdaff69884ea792d3fd0b56b5a4f6
10. [Features: "Commercial Roofing"](https://designly.sh/s/swell-roofing#section-10) (y 9658–10525px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/9.webp · id sec_7f860ee345a445f98815f2f899b1d722
11. [Content: "Why SoCal property owners choose Swell"](https://designly.sh/s/swell-roofing#section-11) (y 10697–11514px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/10.webp · id sec_8e7699dd426943e4ad207db333d01815
12. [Map & hours: "Map & hours"](https://designly.sh/s/swell-roofing#section-12) (y 11515–12465px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/11.webp · id sec_4d45826612014f28895e61bd9668cd14
13. [FAQ: "Questions we hear most"](https://designly.sh/s/swell-roofing#section-13) (y 12464–13344px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/12.webp · id sec_e6dec6e3f4fa421eb9b23890168252ff
14. [Contact: "Get your free roof assessment"](https://designly.sh/s/swell-roofing#section-14) (y 13345–14113px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/13.webp · id sec_a18ab02db4324dee89933777968476c0
15. [Footer: "Footer"](https://designly.sh/s/swell-roofing#section-15) (y 14113–14900px of 14900) · image: https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/sections/14.webp · id sec_1b2ec66711204dcea42724d50407c9fa

## Design tokens

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

## Images

- Desktop (1440×14900): https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_f32ce80216d34a70aade8ba5e74cb683/mobile.webp
- Captured: 2026-10-27

## Other Pages of Swell Roofing

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

## Related

- [Edgell Building, Home](https://designly.sh/s/edgell-building?format=md) — Home services · Home · Squarespace · Missoula, MT, USA · styles: serif, photo-led, editorial, dark · image: https://designly.sh/media/captures/cap_4343a329d3c54f17bb84d6126efc0758/desktop.webp
- [Elliott Electric, Home](https://designly.sh/s/elliott-electric?format=md) — Home services · Home · Custom code · Tacoma, WA, USA · styles: dark, type-led, bold, corporate · image: https://designly.sh/media/captures/cap_f3629ee827d947df97d6e868ec24a693/desktop.webp
- [Red House Building, Home](https://designly.sh/s/red-house-building?format=md) — Home services · Home · Squarespace · Colchester, VT, USA · styles: photo-led, editorial, type-led, minimal · image: https://designly.sh/media/captures/cap_b15d52e8d4f84f1989674e221153fa6e/desktop.webp
- [Bowley Builders, Home](https://designly.sh/s/bowley-builders?format=md) — Home services · Home · Webflow · Kennebunk, ME, USA · styles: photo-led, type-led, corporate, light · image: https://designly.sh/media/captures/cap_300918328dd3400182cc7e86b3b56645/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.