# Swell Roofing, Contact

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

## Why it works

Large Newsreader headlines on an off-white background establish a professional tone, while cyan accents draw the eye to the primary "Request My Free Quote" button. A split layout places direct contact numbers alongside a structured form, allowing users to choose between immediate calls or a digital inquiry.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/swell-roofing/contact#section-1) (y 16–86px of 3851) · image: https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/sections/0.webp · id sec_c7c0931f2f0e415eb88383f8eb8c742f
2. [Contact: "Get your free roofing quote"](https://designly.sh/s/swell-roofing/contact#section-2) (y 86–1287px of 3851) · image: https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/sections/1.webp · id sec_0e701459940e4d5f8622bf8972149547
3. [Content: "Content"](https://designly.sh/s/swell-roofing/contact#section-3) (y 1287–2340px of 3851) · image: https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/sections/2.webp · id sec_ec3e011b6c8e407495d5336bb970319e
4. [Contact: "Here’s what happens after you reach out"](https://designly.sh/s/swell-roofing/contact#section-4) (y 2341–3063px of 3851) · image: https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/sections/3.webp · id sec_2716d0f5707c47769415c28ead16527e
5. [Footer: "Footer"](https://designly.sh/s/swell-roofing/contact#section-5) (y 3063–3851px of 3851) · image: https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/sections/4.webp · id sec_0764f31161d947f0a962b858f5b539b3

## Design tokens

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

## Images

- Desktop (1440×3851): https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/desktop.webp
- Mobile (390×5609): https://designly.sh/media/captures/cap_ff2afaf760c349f0a0f48e28b8866bb8/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
- [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, Contact](https://designly.sh/s/edgell-building/contact?format=md) — Home services · Contact · Squarespace · Missoula, MT, USA · styles: dark, type-led, serif, bold · image: https://designly.sh/media/captures/cap_dca5c9974f384ca68ee01282439f249e/desktop.webp
- [Red House Building, Contact](https://designly.sh/s/red-house-building/contactus?format=md) — Home services · Contact · Squarespace · Colchester, VT, USA · styles: type-led, bold, corporate, photo-led · image: https://designly.sh/media/captures/cap_2d96b1976cd946f7982f25c6db7a5e56/desktop.webp
- [Bowley Builders, Contact](https://designly.sh/s/bowley-builders/contact-us?format=md) — Home services · Contact · Webflow · Kennebunk, ME, USA · styles: photo-led, airy, minimal, corporate · image: https://designly.sh/media/captures/cap_08c7657ef3ca43489b2e52033e0837f7/desktop.webp
- [Palm Springs Renovations Co, Contact](https://designly.sh/s/palm-springs-renovations-co/contact?format=md) — Home services · Contact · Custom code · Palm Springs, CA, USA · styles: type-led, serif, minimal, corporate · image: https://designly.sh/media/captures/cap_a442cb4993c746c7912b825e68cbdcf5/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.