# Office S&M, Contact

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

## Why it works

Large Osm 5 display type on a white background establishes a bold, editorial tone. The contact form uses Domus for labels and inputs, while a soft amber floating button provides a constant point of contact as the user scrolls.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/office-s-m/contact#section-1) (y 0–126px of 1561) · image: https://designly.sh/media/captures/cap_ee15b4faf8244385901fbab0ecf4aaad/sections/0.webp · id sec_bd8b57a8d2bc4e3486458efec9840167
2. [Hero: "Hero"](https://designly.sh/s/office-s-m/contact#section-2) (y 126–1026px of 1561) · image: https://designly.sh/media/captures/cap_ee15b4faf8244385901fbab0ecf4aaad/sections/1.webp · id sec_7955b199079244129e6c81747496177b
3. [Footer: "Footer"](https://designly.sh/s/office-s-m/contact#section-3) (y 1094–1561px of 1561) · image: https://designly.sh/media/captures/cap_ee15b4faf8244385901fbab0ecf4aaad/sections/2.webp · id sec_73fad7c5093842cfabdcd137635d30d6

## Design tokens

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

## Images

- Desktop (1440×1561): https://designly.sh/media/captures/cap_ee15b4faf8244385901fbab0ecf4aaad/desktop.webp
- Mobile (390×1591): https://designly.sh/media/captures/cap_ee15b4faf8244385901fbab0ecf4aaad/mobile.webp
- Captured: 2026-10-26

## Other Pages of Office S&M

- [Home](https://designly.sh/s/office-s-m?format=md) — /
- [About](https://designly.sh/s/office-s-m/about?format=md) — /about
- [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 Ashby, Contact](https://designly.sh/s/studio-ashby/contact?format=md) — Creative studios · Contact · Custom code · London, UK · styles: editorial, serif, warm, type-led · image: https://designly.sh/media/captures/cap_c320c998932741c58229a342e703de00/desktop.webp
- [Russian for Fish, Contact](https://designly.sh/s/russian-for-fish/contact?format=md) — Creative studios · Contact · Custom code · London, UK · styles: type-led, minimal, editorial, airy · image: https://designly.sh/media/captures/cap_01ba7fc6af894d5ca2cecf77dd725a13/desktop.webp
- [Reath Design, Contact](https://designly.sh/s/reath-design/contact?format=md) — Creative studios · Contact · Squarespace · Los Angeles, CA, USA · styles: editorial, minimal, earthy, type-led · image: https://designly.sh/media/captures/cap_8e17db207a4646179d1871ca81fb3314/desktop.webp
- [Order, Contact](https://designly.sh/s/order/contact?format=md) — Creative studios · Contact · Custom code · New York, NY, USA · styles: dark, type-led, minimal, editorial · image: https://designly.sh/media/captures/cap_351cfa3d5a4644478da60146ad90d69d/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.