# Waring Roofs & Repairs, Gallery

Home services · Gallery · Custom code · Charleston, SC, USA
Live page: https://waringroofs.com/project
On Designly: https://designly.sh/s/waring-roofs-repairs/project · JSON: https://designly.sh/s/waring-roofs-repairs/project?format=json
Site: [Waring Roofs & Repairs](https://designly.sh/s/waring-roofs-repairs?format=md) (https://waringroofs.com)
Styles: serif, photo-led, editorial, light

## Why it works

Large Georgia headlines on an off-white background give this roofing portfolio an editorial weight. Navy accents on the "Talk with Alec" button and the header navigation provide a professional anchor, while the before-and-after slider prioritizes visual proof of work.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/waring-roofs-repairs/project#section-1) (y 36–135px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/0.webp · id sec_fb7226437e704f898954e67bc309bb1f
2. [Hero: "Our work. From start to finish"](https://designly.sh/s/waring-roofs-repairs/project#section-2) (y 135–793px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/1.webp · id sec_91e35217b8974a2bb2f20780e43807bf
3. [Content: "See the difference"](https://designly.sh/s/waring-roofs-repairs/project#section-3) (y 793–1793px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/2.webp · id sec_d9c1b63cbf01476b90cbe4da5782cb1e
4. [Content: "A fresh roof on James Island"](https://designly.sh/s/waring-roofs-repairs/project#section-4) (y 1793–2458px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/3.webp · id sec_76c55ddbede0447e9e3524a0da3de4b6
5. [Gallery: "Care at every stage"](https://designly.sh/s/waring-roofs-repairs/project#section-5) (y 2459–3564px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/4.webp · id sec_e4237a99a4884364af96de8ec7a8a498
6. [Content: "Another roof. The same care"](https://designly.sh/s/waring-roofs-repairs/project#section-6) (y 3564–4107px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/5.webp · id sec_d2e2a90a40ca4498877da5dd5f84c5cc
7. [Gallery: "More work to be proud of"](https://designly.sh/s/waring-roofs-repairs/project#section-7) (y 4107–4650px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/6.webp · id sec_b67648870df44092bb3dd7bf117bcbd0
8. [Call to action: "Let’s take a look at your roof"](https://designly.sh/s/waring-roofs-repairs/project#section-8) (y 4650–4833px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/7.webp · id sec_70cac46a66664529b40866caae064b1f
9. [Footer: "Footer"](https://designly.sh/s/waring-roofs-repairs/project#section-9) (y 4833–5034px of 5035) · image: https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/sections/8.webp · id sec_e6a235f3f97e4bc09bb1d6b492b7321f

## Design tokens

- Colours: #EEEEEE (background), #647282 (text), #0F387A (accent), #FFFFFF (surface), #172B43 (muted)
- Fonts: Georgia (display), Arial (body)
- Section padding: 62px
- Export: https://designly.sh/s/waring-roofs-repairs/project?format=tokens.css · https://designly.sh/s/waring-roofs-repairs/project?format=tokens.json · https://designly.sh/s/waring-roofs-repairs/project?format=tokens.tailwind.css

## Images

- Desktop (1440×5035): https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/desktop.webp
- Mobile (390×6119): https://designly.sh/media/captures/cap_27b91c3285dd417c806f5dc0af202d14/mobile.webp
- Captured: 2026-10-27

## Other Pages of Waring Roofs & Repairs

- [Home](https://designly.sh/s/waring-roofs-repairs?format=md) — /
- [About](https://designly.sh/s/waring-roofs-repairs/about?format=md) — /about
- [Contact](https://designly.sh/s/waring-roofs-repairs/contact?format=md) — /contact
- [Services](https://designly.sh/s/waring-roofs-repairs/repairs?format=md) — /repairs
- [Services](https://designly.sh/s/waring-roofs-repairs/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.