# Portland Project, Landing page

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

## Why it works

Large Inter Tight headlines on an off-white background establish a serious, authoritative tone for a remodeling firm. A grid of cream and white cards contrasts 'Typical Remodel' against 'Better Run' to prove the company's management-first approach before the user even reaches the process steps.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/portland-project/process#section-1) (y 0–69px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/0.webp · id sec_7b565a73b4c4419087ecee63414f7a06
2. [Hero: "Hero"](https://designly.sh/s/portland-project/process#section-2) (y 227–1125px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/1.webp · id sec_3f1c9affc6c2404db7c8df651210c08f
3. [Content: "Better run"](https://designly.sh/s/portland-project/process#section-3) (y 1125–1547px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/2.webp · id sec_e17b0a6ab5244f77a40b0b91d4443b6b
4. [Content: "Discovery"](https://designly.sh/s/portland-project/process#section-4) (y 1547–2237px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/3.webp · id sec_c983495dc2dc470f9abbd3d86f930994
5. [Content: "Design & Preconstruction"](https://designly.sh/s/portland-project/process#section-5) (y 2238–2956px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/4.webp · id sec_abe42d86c48043d886415b93c30e970b
6. [Content: "Budget & Selections"](https://designly.sh/s/portland-project/process#section-6) (y 2956–3568px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/5.webp · id sec_735fb5f085a5467bb66cecf9cbfe4e7e
7. [Content: "Construction"](https://designly.sh/s/portland-project/process#section-7) (y 3568–4286px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/6.webp · id sec_449807609cad4084bd5f99c70ec76b89
8. [Content: "Welcome Home"](https://designly.sh/s/portland-project/process#section-8) (y 4286–5088px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/7.webp · id sec_c9a2c5a096f749a6ac8c5dde6f3b1c21
9. [Content: "We are a project-management company that also…"](https://designly.sh/s/portland-project/process#section-9) (y 5088–5688px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/8.webp · id sec_ae2f1860277448779034c3affd069005
10. [FAQ: "FAQ"](https://designly.sh/s/portland-project/process#section-10) (y 5689–5957px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/9.webp · id sec_74920453682f4464a2bfb714b7f46a90
11. [Footer: "Footer"](https://designly.sh/s/portland-project/process#section-11) (y 5956–6536px of 6536) · image: https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/sections/10.webp · id sec_6a1c585dcf2040e1b052a0655eec77db

## Design tokens

- Colours: #FBFAF7 (background), #4A4A4A (text), #E8E3D6 (surface), #34433C (muted), #171717 (surface-2)
- Fonts: Inter Tight (display), Inter (body)
- Corner radius: 4px
- Section padding: 112px
- Export: https://designly.sh/s/portland-project/process?format=tokens.css · https://designly.sh/s/portland-project/process?format=tokens.json · https://designly.sh/s/portland-project/process?format=tokens.tailwind.css

## Images

- Desktop (1440×6536): https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_23c5c2c7cda24119bb399bc362c2d395/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
- [Gallery](https://designly.sh/s/portland-project/projects?format=md) — /projects
- [Services](https://designly.sh/s/portland-project/services?format=md) — /services

## Related

- [Borthwick Decorators, Services](https://designly.sh/s/borthwick-decorators/areas-covered?format=md) — Home services · Services · WordPress · Edinburgh, UK · styles: serif, editorial, light, type-led · image: https://designly.sh/media/captures/cap_76d15df4405841f793ac2f17dd85cb75/desktop.webp
- [Borthwick Decorators, About](https://designly.sh/s/borthwick-decorators/awards?format=md) — Home services · About · WordPress · Edinburgh, UK · styles: serif, editorial, warm, light · image: https://designly.sh/media/captures/cap_94544ff40c1940e9a8af01ab85af5f6f/desktop.webp
- [Borthwick Decorators, About](https://designly.sh/s/borthwick-decorators/about-us?format=md) — Home services · About · WordPress · Edinburgh, UK · styles: serif, warm, editorial, light · image: https://designly.sh/media/captures/cap_1964172d2579408f903eda5830730e1a/desktop.webp
- [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

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.