# Dan Pearson Studio, Blog

Home services · Blog · WordPress · London, UK
Live page: https://www.danpearsonstudio.com/visual-journal
On Designly: https://designly.sh/s/dan-pearson-studio/visual-journal · JSON: https://designly.sh/s/dan-pearson-studio/visual-journal?format=json
Site: [Dan Pearson Studio](https://designly.sh/s/dan-pearson-studio?format=md) (https://www.danpearsonstudio.com)
Styles: type-led, minimal, editorial, monochrome

## Why it works

Condensed black type on an off-white background gives this studio journal an editorial, archival feel. The layout relies on wide spacing and a grey footer to separate the content from the contact details and social links.

## Sections, top to bottom

1. [Hero: "visual journal"](https://designly.sh/s/dan-pearson-studio/visual-journal#section-1) (y 200–549px of 900) · image: https://designly.sh/media/captures/cap_5e1fb83b2f2745ffae3a281056026947/sections/0.webp · id sec_f99592dadcfe47e39755449d7b9974a4
2. [Footer: "Footer"](https://designly.sh/s/dan-pearson-studio/visual-journal#section-2) (y 614–900px of 900) · image: https://designly.sh/media/captures/cap_5e1fb83b2f2745ffae3a281056026947/sections/1.webp · id sec_30f32652517d4207bfd67e29ebea325e

## Design tokens

- Colours: #F3F1F2 (background), #000000 (text), #A9A9A5 (surface)
- Fonts: FoundersGroteskCondensedWeb-Medium (display)
- Section padding: 20px
- Export: https://designly.sh/s/dan-pearson-studio/visual-journal?format=tokens.css · https://designly.sh/s/dan-pearson-studio/visual-journal?format=tokens.json · https://designly.sh/s/dan-pearson-studio/visual-journal?format=tokens.tailwind.css

## Images

- Desktop (1440×900): https://designly.sh/media/captures/cap_5e1fb83b2f2745ffae3a281056026947/desktop.webp
- Mobile (390×844): https://designly.sh/media/captures/cap_5e1fb83b2f2745ffae3a281056026947/mobile.webp
- Captured: 2026-10-26

## Other Pages of Dan Pearson Studio

- [Home](https://designly.sh/s/dan-pearson-studio?format=md) — /
- [Gallery](https://designly.sh/s/dan-pearson-studio/projects?format=md) — /projects
- [About](https://designly.sh/s/dan-pearson-studio/studio?format=md) — /studio

## Related

- [Terremoto, Blog](https://designly.sh/s/terremoto/writings?format=md) — Home services · Blog · Custom code · Los Angeles, CA, USA · styles: type-led, editorial, geometric, minimal · image: https://designly.sh/media/captures/cap_7b5a409a0d7e49d49ea625a56a7cd55d/desktop.webp
- [Zed, Blog](https://designly.sh/s/zed/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/desktop.webp
- [Wythe Hotel, Blog](https://designly.sh/s/wythe-hotel/wythe-journal?format=md) — Hotels & stays · Blog · Custom code · Brooklyn, NY, USA · styles: editorial, warm, photo-led, serif · image: https://designly.sh/media/captures/cap_8f9159713c3f42f1a4849b777ae160ab/desktop.webp
- [Verdant Brewing Co, Blog](https://designly.sh/s/verdant-brewing-co/blogs/brewing-folk?format=md) — Bars & breweries · Blog · Shopify · Falmouth, Cornwall, UK · styles: type-led, editorial, earthy, minimal · image: https://designly.sh/media/captures/cap_3eca7f267eee429c9d463b6adba8109e/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.