# Portland Project, Gallery

Home services · Gallery · Custom code · Portland, OR, USA
Live page: https://www.portlandproject.com/projects
On Designly: https://designly.sh/s/portland-project/projects · JSON: https://designly.sh/s/portland-project/projects?format=json
Site: [Portland Project](https://designly.sh/s/portland-project?format=md) (https://www.portlandproject.com)
Styles: type-led, airy, warm, editorial

## Why it works

Large Inter Tight headlines on a warm cream background establish an editorial tone for this remodeling portfolio. Pill-shaped buttons and highly rounded corners soften the grid, while project categories sit directly above the image cards to allow for quick filtering.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/portland-project/projects#section-1) (y 0–69px of 2823) · image: https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/sections/0.webp · id sec_fee1f1571d784381bd95d260d362cb6d
2. [Hero: "Our projects"](https://designly.sh/s/portland-project/projects#section-2) (y 69–495px of 2823) · image: https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/sections/1.webp · id sec_c8b1e9b659d64726a023dc2fcec17118
3. [Content: "Custom Primary Suite: Bath + Bedroom"](https://designly.sh/s/portland-project/projects#section-3) (y 495–2019px of 2823) · image: https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/sections/2.webp · id sec_074954e338964c338a0ce3473538487a
4. [Call to action: "Have a project like one of these?"](https://designly.sh/s/portland-project/projects#section-4) (y 2019–2244px of 2823) · image: https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/sections/3.webp · id sec_0b375564b40b428f97770222ea7adcc2
5. [Footer: "Footer"](https://designly.sh/s/portland-project/projects#section-5) (y 2244–2823px of 2823) · image: https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/sections/4.webp · id sec_ec119f91c4994207a2b3cff0e7f3abde

## Design tokens

- Colours: #FBFAF7 (background), #3D3D3D (text), #E8E3D6 (surface), #171717 (muted)
- Fonts: Inter Tight (display), Inter (body)
- Corner radius: 9999px
- Section padding: 86px
- Export: https://designly.sh/s/portland-project/projects?format=tokens.css · https://designly.sh/s/portland-project/projects?format=tokens.json · https://designly.sh/s/portland-project/projects?format=tokens.tailwind.css

## Images

- Desktop (1440×2823): https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/desktop.webp
- Mobile (390×5169): https://designly.sh/media/captures/cap_63189c33e3844fa3be8c4250ac324329/mobile.webp
- Captured: 2026-10-27

## Other Pages of Portland Project

- [Home](https://designly.sh/s/portland-project?format=md) — /
- [About](https://designly.sh/s/portland-project/about?format=md) — /about
- [Landing page](https://designly.sh/s/portland-project/process?format=md) — /process
- [Services](https://designly.sh/s/portland-project/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.