# Office S&M, Services

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

## Why it works

Large Osm 5 headings and Domus body text create an editorial feel, while a grid of five photos categorizes service sectors immediately. A soft amber floating button for "Contact Us" provides a constant point of contact against the white background.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/office-s-m/services#section-1) (y 0–126px of 1561) · image: https://designly.sh/media/captures/cap_150632aada3341d5989d54a86a6a83cf/sections/0.webp · id sec_f2bf8c225564474d9f99b33e8a3c0bfb
2. [Hero: "Hero"](https://designly.sh/s/office-s-m/services#section-2) (y 126–1026px of 1561) · image: https://designly.sh/media/captures/cap_150632aada3341d5989d54a86a6a83cf/sections/1.webp · id sec_5dd4fd30401f4049940e3cb91c81ac7a
3. [Footer: "Footer"](https://designly.sh/s/office-s-m/services#section-3) (y 1094–1561px of 1561) · image: https://designly.sh/media/captures/cap_150632aada3341d5989d54a86a6a83cf/sections/2.webp · id sec_b659040257e04a9ab9da39951aee1287

## Design tokens

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

## Images

- Desktop (1440×1561): https://designly.sh/media/captures/cap_150632aada3341d5989d54a86a6a83cf/desktop.webp
- Mobile (390×2335): https://designly.sh/media/captures/cap_150632aada3341d5989d54a86a6a83cf/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
- [Contact](https://designly.sh/s/office-s-m/contact?format=md) — /contact
- [Gallery](https://designly.sh/s/office-s-m/work?format=md) — /work

## Related

- [Zen Dental Studio, Services](https://designly.sh/s/zen-dental-studio/services?format=md) — Dental clinics · Services · Custom code · San Francisco, CA, USA · styles: serif, warm, editorial, light · image: https://designly.sh/media/captures/cap_81f626d1985c469eaf6a771f18a8d9bf/desktop.webp
- [Yogamaya, Services](https://designly.sh/s/yogamaya/classes?format=md) — Gyms & fitness · Services · WordPress · New York, NY, USA · styles: type-led, editorial, warm, minimal · image: https://designly.sh/media/captures/cap_fab70d436b5341eba31e8f43e23d625f/desktop.webp
- [Wythe Hotel, Services](https://designly.sh/s/wythe-hotel/rooms?format=md) — Hotels & stays · Services · Custom code · Brooklyn, NY, USA · styles: editorial, warm, photo-led, serif · image: https://designly.sh/media/captures/cap_73e784d23d054f65840575975e5c9703/desktop.webp
- [Wordstone Dispute Resolution, Services](https://designly.sh/s/wordstone-dispute-resolution/expertise?format=md) — Law firms · Services · WordPress · Paris, France · styles: serif, editorial, light, type-led · image: https://designly.sh/media/captures/cap_b315a21e8ea742deb99f96978b0a2921/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.