# Office S&M, About

Creative studios · About · Webflow · London, UK
Live page: https://www.officesandm.com/about
On Designly: https://designly.sh/s/office-s-m/about · JSON: https://designly.sh/s/office-s-m/about?format=json
Site: [Office S&M](https://designly.sh/s/office-s-m?format=md) (https://www.officesandm.com)
Styles: editorial, type-led, light, photo-led

## Why it works

Domus type set at 42px on a white background gives the architecture practice an editorial weight. A large group photo against a blue backdrop provides immediate human context, while the 'Contact Us' button uses 32px rounded corners to soften the professional tone.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/office-s-m/about#section-1) (y 0–126px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/0.webp · id sec_b046325adef94fabbe9583bac472f330
2. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-2) (y 126–251px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/1.webp · id sec_e5360c7f90bf449ebd79b719a652253e
3. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-3) (y 323–507px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/2.webp · id sec_647dadcf0749450996b48d63b2fc15a5
4. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-4) (y 1355–1776px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/3.webp · id sec_72958ca581444db0b3cf21089310777f
5. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-5) (y 1848–2480px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/4.webp · id sec_793b5049677d4bddb14fd7182ef6ec9a
6. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-6) (y 2552–2833px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/5.webp · id sec_5cf28a073ed54c88a2dfc6d63d799644
7. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-7) (y 2905–3537px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/6.webp · id sec_6ca32725ef27464e82a149be77a6b41e
8. [Content: "Content"](https://designly.sh/s/office-s-m/about#section-8) (y 3609–4030px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/7.webp · id sec_ccc4532a320b4ca5b0c9092ededa1ee8
9. [Content: "‘Office S&M is certainly one to watch.’"](https://designly.sh/s/office-s-m/about#section-9) (y 4102–4175px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/8.webp · id sec_24ed33b04b3c46838575fda04fb8acaa
10. [Logos: "Awards"](https://designly.sh/s/office-s-m/about#section-10) (y 4271–5258px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/9.webp · id sec_fadcfa7135fa49279fdedc9878517789
11. [Content: "Directors"](https://designly.sh/s/office-s-m/about#section-11) (y 5354–6393px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/10.webp · id sec_b1ea4b2a05ac44b6ba3826577e5d65ca
12. [Team: "Team"](https://designly.sh/s/office-s-m/about#section-12) (y 6457–8681px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/11.webp · id sec_f4c72e8ab74044ac9d37f593df82b33f
13. [Content: "Clients"](https://designly.sh/s/office-s-m/about#section-13) (y 8777–9631px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/12.webp · id sec_b8165957fd1346b5843128158b505eba
14. [Content: "Collaborators"](https://designly.sh/s/office-s-m/about#section-14) (y 9728–10394px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/13.webp · id sec_0fc6fb90c3804395b1414a6593075d91
15. [Content: "Jobs"](https://designly.sh/s/office-s-m/about#section-15) (y 10458–11897px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/14.webp · id sec_c3ba406f86d94cd8ab3322eaab7d3309
16. [Footer: "Footer"](https://designly.sh/s/office-s-m/about#section-16) (y 11965–12432px of 12432) · image: https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/sections/15.webp · id sec_8e22d58123ab4885bfdac33f11757a8d

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #BCCDFD (accent), #EECA64 (surface)
- Fonts: Domus (display)
- Corner radius: 32px
- Section padding: 48px
- Export: https://designly.sh/s/office-s-m/about?format=tokens.css · https://designly.sh/s/office-s-m/about?format=tokens.json · https://designly.sh/s/office-s-m/about?format=tokens.tailwind.css

## Images

- Desktop (1440×12432): https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_0ad880be7d4d4d3f9d5df038bb11a6e0/mobile.webp
- Captured: 2026-10-26

## Other Pages of Office S&M

- [Home](https://designly.sh/s/office-s-m?format=md) — /
- [Contact](https://designly.sh/s/office-s-m/contact?format=md) — /contact
- [Services](https://designly.sh/s/office-s-m/services?format=md) — /services
- [Gallery](https://designly.sh/s/office-s-m/work?format=md) — /work

## Related

- [Studio Weave, About](https://designly.sh/s/studio-weave/about?format=md) — Creative studios · About · Custom code · London, UK · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_6a71ba94dc1f44139c67522f38a98b72/desktop.webp
- [Studio Ashby, About](https://designly.sh/s/studio-ashby/about?format=md) — Creative studios · About · Custom code · London, UK · styles: editorial, serif, warm, photo-led · image: https://designly.sh/media/captures/cap_8db8904f757b496fa6b87efa94ed145d/desktop.webp
- [Russian for Fish, About](https://designly.sh/s/russian-for-fish/studio?format=md) — Creative studios · About · Custom code · London, UK · styles: editorial, type-led, warm, minimal · image: https://designly.sh/media/captures/cap_e22f64ced2ed4ce29da520f54296eaaa/desktop.webp
- [Reath Design, About](https://designly.sh/s/reath-design/studio?format=md) — Creative studios · About · Squarespace · Los Angeles, CA, USA · styles: editorial, type-led, calm, organic · image: https://designly.sh/media/captures/cap_8f291bf108204c7f987d479a542cbde5/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.