# Native & Co, Blog

Independent shops · Blog · Squarespace · London, UK
Live page: https://nativeandco.com/journal
On Designly: https://designly.sh/s/native-co/journal · JSON: https://designly.sh/s/native-co/journal?format=json
Site: [Native & Co](https://designly.sh/s/native-co?format=md) (https://nativeandco.com)
Styles: editorial, type-led, minimal, photo-led

## Why it works

A tight grid of eight square images uses a white background and small Calluna-Sans headings to organize a high volume of content without feeling crowded. Red accents on the cart icon provide a single point of color against the monochrome typography and photography.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/native-co/journal#section-1) (y 0–87px of 2924) · image: https://designly.sh/media/captures/cap_b2e0bf5450884d15a01e579b132d5d1a/sections/0.webp · id sec_f4cd3c97b7834b3490fcb272273cd97c
2. [Hero: "Journal"](https://designly.sh/s/native-co/journal#section-2) (y 87–2195px of 2924) · image: https://designly.sh/media/captures/cap_b2e0bf5450884d15a01e579b132d5d1a/sections/1.webp · id sec_04e3866b87404f17b9699a1bd8f0cf99
3. [Footer: "Footer"](https://designly.sh/s/native-co/journal#section-3) (y 2219–2924px of 2924) · image: https://designly.sh/media/captures/cap_b2e0bf5450884d15a01e579b132d5d1a/sections/2.webp · id sec_b38817023c78483b8f5c21c0a6801e42

## Design tokens

- Colours: #FFFFFF (background), #1A1A1A (text), #D63A29 (accent), #EDEDED (surface)
- Fonts: calluna-sans (display)
- Corner radius: 300px
- Section padding: 24px
- Export: https://designly.sh/s/native-co/journal?format=tokens.css · https://designly.sh/s/native-co/journal?format=tokens.json · https://designly.sh/s/native-co/journal?format=tokens.tailwind.css

## Images

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

## Other Pages of Native & Co

- [Home](https://designly.sh/s/native-co?format=md) — /
- [Contact](https://designly.sh/s/native-co/contact?format=md) — /contact
- [Gallery](https://designly.sh/s/native-co/lookbook?format=md) — /lookbook
- [About](https://designly.sh/s/native-co/our-story?format=md) — /our-story

## Related

- [Nalata Nalata, Blog](https://designly.sh/s/nalata-nalata/journal?format=md) — Independent shops · Blog · WordPress · New York, NY, USA · styles: editorial, type-led, airy, minimal · image: https://designly.sh/media/captures/cap_3a94400faa4f432f971de1b045881509/desktop.webp
- [Labour and Wait, Blog](https://designly.sh/s/labour-and-wait/blogs/news?format=md) — Independent shops · Blog · Shopify · London, UK · styles: editorial, minimal, warm, type-led · image: https://designly.sh/media/captures/cap_cb59a1016ef141489c83c9d7581b7dfa/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

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.