# Recess, Landing page

Nonprofits · Landing page · Custom code · Brooklyn, NY, USA
Live page: https://www.recessart.org/calendar
On Designly: https://designly.sh/s/recess/calendar · JSON: https://designly.sh/s/recess/calendar?format=json
Site: [Recess](https://designly.sh/s/recess?format=md) (https://www.recessart.org)
Styles: type-led, editorial, bold, geometric

## Why it works

A massive 240px Knockout headline on a pale yellow background establishes an immediate editorial presence. Event listings use a structured grid of small photos and light grey dividers, keeping the dense calendar information legible and rhythmic.

## Sections, top to bottom

1. [Content: "Calendar"](https://designly.sh/s/recess/calendar#section-1) (y 48–235px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/0.webp · id sec_42dea9fc9225414cb072127b6852646f
2. [Navigation: "Navigation"](https://designly.sh/s/recess/calendar#section-2) (y 299–410px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/1.webp · id sec_32a46f8055e641a3bb8d0f84bb291387
3. [Content: "Khajistan Portal Test: Day Two & Closing Party"](https://designly.sh/s/recess/calendar#section-3) (y 410–982px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/2.webp · id sec_20a04da862f94dc68e002e5572ef3c0c
4. [Map & hours: "Map & hours"](https://designly.sh/s/recess/calendar#section-4) (y 981–1304px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/3.webp · id sec_2b2f7a5ce7a94c1683ef5b552965603f
5. [Content: "Abolition Teach In: Liberatory Economics"](https://designly.sh/s/recess/calendar#section-5) (y 1305–1594px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/4.webp · id sec_c8009f9346f14bf293c833fcf2a14580
6. [Content: "Khajistan Portal Test: Day One"](https://designly.sh/s/recess/calendar#section-6) (y 1594–1792px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/5.webp · id sec_0ca9638dafbb41f5b18e63f71ce41906
7. [Content: "The Khajistan Institute for Advanced Research…"](https://designly.sh/s/recess/calendar#section-7) (y 1792–2067px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/6.webp · id sec_c41e01cf8dad448d965cb150feeee4d0
8. [Footer: "Footer"](https://designly.sh/s/recess/calendar#section-8) (y 2179–2499px of 2499) · image: https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/sections/7.webp · id sec_375ffe6a73304d4e99ab85a7c37d594f

## Design tokens

- Colours: #000000 (background), #C4C4C4 (surface), #FFFFFF (muted), #FEFFD1 (surface-2)
- Fonts: Knockout (display)
- Section padding: 16px
- Export: https://designly.sh/s/recess/calendar?format=tokens.css · https://designly.sh/s/recess/calendar?format=tokens.json · https://designly.sh/s/recess/calendar?format=tokens.tailwind.css

## Images

- Desktop (1440×2499): https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/desktop.webp
- Mobile (390×2370): https://designly.sh/media/captures/cap_b8f98d2050f24b10a53ebbcf9b0f8a58/mobile.webp
- Captured: 2026-10-26

## Other Pages of Recess

- [Home](https://designly.sh/s/recess?format=md) — /
- [About](https://designly.sh/s/recess/about?format=md) — /about
- [Services](https://designly.sh/s/recess/donate?format=md) — /donate
- [Contact](https://designly.sh/s/recess/visit?format=md) — /visit

## Related

- [Wendy's Subway, Landing page](https://designly.sh/s/wendy-s-subway/programs/events?format=md) — Nonprofits · Landing page · Custom code · Brooklyn, NY, USA · styles: bold, type-led, colourful, geometric · image: https://designly.sh/media/captures/cap_8d05a261c2b449c2bd532a2639dc65ca/desktop.webp
- [Studio Voltaire, Landing page](https://designly.sh/s/studio-voltaire/whats-on?format=md) — Nonprofits · Landing page · Custom code · London, UK · styles: colourful, editorial, geometric, type-led · image: https://designly.sh/media/captures/cap_ffecec86fca6476496d745912597d67f/desktop.webp
- [Hackney City Farm, Landing page](https://designly.sh/s/hackney-city-farm/visit?format=md) — Nonprofits · Landing page · WordPress · London, UK · styles: photo-led, bold, organic, type-led · image: https://designly.sh/media/captures/cap_9c952dcb80ed48efb68f7e80d8fcf31a/desktop.webp
- [Chisenhale Gallery, Landing page](https://designly.sh/s/chisenhale-gallery/whats-on?format=md) — Nonprofits · Landing page · Custom code · London, UK · styles: editorial, type-led, minimal, monochrome · image: https://designly.sh/media/captures/cap_e2cc5752d21a455b8a4ef6ae7cf67968/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.