# Swell Roofing, Gallery

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

## Why it works

Large Newsreader headlines on an off-white background give this roofing gallery an editorial weight. Cyan accents on the "Get a Free Quote" button and phone number provide clear points of contact, while sharp 2px corners maintain a structured, professional tone.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/swell-roofing/gallery#section-1) (y 23–93px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/0.webp · id sec_88e8deb807094e7391d310e500596cda
2. [Hero: "See our recent roofing projects"](https://designly.sh/s/swell-roofing/gallery#section-2) (y 93–900px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/1.webp · id sec_aff918f87b594993994b3863126e2606
3. [Gallery: "Project gallery"](https://designly.sh/s/swell-roofing/gallery#section-3) (y 1015–1143px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/2.webp · id sec_95df6b9f0d4143ae8ce58877bef2da58
4. [Gallery: "Gallery"](https://designly.sh/s/swell-roofing/gallery#section-4) (y 1201–1279px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/3.webp · id sec_e91a5e8a3d1147b3ad50fd4137a42b26
5. [Gallery: "Gallery"](https://designly.sh/s/swell-roofing/gallery#section-5) (y 1299–5576px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/4.webp · id sec_9493e7d65f6144c6a961e3db9bdb9308
6. [Call to action: "Call to action"](https://designly.sh/s/swell-roofing/gallery#section-6) (y 5639–5741px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/5.webp · id sec_3e677036da7547e993b427b0bda20fe9
7. [Content: "Content"](https://designly.sh/s/swell-roofing/gallery#section-7) (y 5857–6896px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/6.webp · id sec_b8a2245ee2124ee9b2adad5db5cbb777
8. [Content: "Roof repairs and replacements across LA &…"](https://designly.sh/s/swell-roofing/gallery#section-8) (y 6896–7455px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/7.webp · id sec_e9c722a89e084b5faf23c72c0cc0b450
9. [Content: "Your roof could be next"](https://designly.sh/s/swell-roofing/gallery#section-9) (y 7455–8223px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/8.webp · id sec_c379f649921747d5afe732d331b13f1f
10. [Footer: "Footer"](https://designly.sh/s/swell-roofing/gallery#section-10) (y 8223–9010px of 9010) · image: https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/sections/9.webp · id sec_a433473c11384200b112ba910a7b706c

## Design tokens

- Colours: #FAFAF7 (background), #147F83 (accent), #14181A (surface), #1AA2A7 (muted)
- Fonts: Newsreader Variable (display), Inter Tight Variable (body)
- Corner radius: 2px
- Section padding: 115px
- Export: https://designly.sh/s/swell-roofing/gallery?format=tokens.css · https://designly.sh/s/swell-roofing/gallery?format=tokens.json · https://designly.sh/s/swell-roofing/gallery?format=tokens.tailwind.css

## Images

- Desktop (1440×9010): https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_ef7c28194d3748739b00bb3e06cfeee7/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
- [Services](https://designly.sh/s/swell-roofing/services?format=md) — /services

## Related

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