# Hammer & Hand, About

Home services · About · WordPress · Portland, OR, USA
Live page: https://hammerandhand.com/about-us
On Designly: https://designly.sh/s/hammer-hand/about-us · JSON: https://designly.sh/s/hammer-hand/about-us?format=json
Site: [Hammer & Hand](https://designly.sh/s/hammer-hand?format=md) (https://hammerandhand.com)
Styles: type-led, corporate, airy, geometric

## Why it works

P22-Underground headlines on a cool white background give this construction firm a structured, architectural feel. Cyan surfaces and 3px corners add subtle color to the layout, while the split hero imagery places the focus on both the craft and the finished environment.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/hammer-hand/about-us#section-1) (y 0–121px of 2871) · image: https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/sections/0.webp · id sec_8f6675171b404fc7b433fb3427479465
2. [Hero: "about us"](https://designly.sh/s/hammer-hand/about-us#section-2) (y 121–941px of 2871) · image: https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/sections/1.webp · id sec_2122d98cab744a75b60b0423f9f9a3e0
3. [Content: "Our craftsmen control the project"](https://designly.sh/s/hammer-hand/about-us#section-3) (y 941–1661px of 2871) · image: https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/sections/2.webp · id sec_6aa70a29eb174425ab8b6021f9aab3d1
4. [Content: "Architect - Builder - Client"](https://designly.sh/s/hammer-hand/about-us#section-4) (y 1661–2296px of 2871) · image: https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/sections/3.webp · id sec_13a2e372eb3a43b7a598fcb2a3509436
5. [Footer: "Footer"](https://designly.sh/s/hammer-hand/about-us#section-5) (y 2297–2871px of 2871) · image: https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/sections/4.webp · id sec_1d1151f18ff9464fb2389d0f0300056d

## Design tokens

- Colours: #F3F7F7 (background), #20282B (text), #477F80 (surface)
- Fonts: p22-underground (display), Lato (body)
- Corner radius: 3px
- Section padding: 36px
- Export: https://designly.sh/s/hammer-hand/about-us?format=tokens.css · https://designly.sh/s/hammer-hand/about-us?format=tokens.json · https://designly.sh/s/hammer-hand/about-us?format=tokens.tailwind.css

## Images

- Desktop (1440×2871): https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/desktop.webp
- Mobile (390×5645): https://designly.sh/media/captures/cap_430aef759fbd481c8414913ca68341e9/mobile.webp
- Captured: 2026-10-26

## Other Pages of Hammer & Hand

- [Home](https://designly.sh/s/hammer-hand?format=md) — /
- [Contact](https://designly.sh/s/hammer-hand/contact?format=md) — /contact
- [Gallery](https://designly.sh/s/hammer-hand/portfolio?format=md) — /portfolio
- [Services](https://designly.sh/s/hammer-hand/residential?format=md) — /residential

## Related

- [Uncommon Projects, About](https://designly.sh/s/uncommon-projects/about?format=md) — Home services · About · Webflow · London, UK · styles: type-led, minimal, editorial, geometric · image: https://designly.sh/media/captures/cap_25194ec402b943d084541820b6735f64/desktop.webp
- [Terremoto, About](https://designly.sh/s/terremoto/office?format=md) — Home services · About · Custom code · Los Angeles, CA, USA · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_d75b126f221f44a2a61eed9c0f351a3b/desktop.webp
- [SpaceCraft Joinery, About](https://designly.sh/s/spacecraft-joinery/who-we-are?format=md) — Home services · About · WordPress · Adelaide, SA, Australia · styles: dark, photo-led, corporate, bold · image: https://designly.sh/media/captures/cap_78e45568ded749d2abe295384682c428/desktop.webp
- [Secret Gardens, About](https://designly.sh/s/secret-gardens/about?format=md) — Home services · About · WordPress · Sydney, NSW, Australia · styles: editorial, type-led, minimal, photo-led · image: https://designly.sh/media/captures/cap_5ae0254b385740b8bd26e3e5ac8b1dc4/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.