# Kinopio, Home

SaaS · Home · Custom code
Live page: https://kinopio.club/
On Designly: https://designly.sh/s/kinopio · JSON: https://designly.sh/s/kinopio?format=json
Site: [Kinopio](https://designly.sh/s/kinopio?format=md) (https://kinopio.club)
Styles: type-led, playful, geometric, light

## Why it works

Bold Baustrabe headlines on a white background give this tool a distinct, heavy-set character. Soft cyan accents on buttons and off-white surfaces provide a playful contrast to the black type, while the grid-like arrangement of cards and connections mirrors the product's spatial logic.

## Sections, top to bottom

1. [Hero: "Kinopio"](https://designly.sh/s/kinopio#section-1) (y 0–3957px of 3957) · image: https://designly.sh/media/captures/cap_3600db0a96c74d1c83da9d4ba46d3ddb/sections/0.webp · id sec_9b1617de490f417daff87c5c7e9e7188

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #90FFFF (accent), #E3E3E3 (surface), #004021 (surface-2)
- Fonts: Helvetica Neue (display)
- Corner radius: 6px
- Section padding: 90px
- Export: https://designly.sh/s/kinopio?format=tokens.css · https://designly.sh/s/kinopio?format=tokens.json · https://designly.sh/s/kinopio?format=tokens.tailwind.css

## Images

- Desktop (1440×3957): https://designly.sh/media/captures/cap_3600db0a96c74d1c83da9d4ba46d3ddb/desktop.webp
- Mobile (390×3831): https://designly.sh/media/captures/cap_3600db0a96c74d1c83da9d4ba46d3ddb/mobile.webp
- Captured: 2026-10-26

## Other Pages of Kinopio

- [About](https://designly.sh/s/kinopio/about?format=md) — /about
- [Blog](https://designly.sh/s/kinopio/blog?format=md) — /blog

## Related

- [Rive, Home](https://designly.sh/s/rive?format=md) — SaaS · Home · Custom code · Los Angeles, USA · styles: dark, bold, type-led, geometric · image: https://designly.sh/media/captures/cap_00384f8e673b4afa8f29c2b5fff3e6e4/desktop.webp
- [Readwise, Home](https://designly.sh/s/readwise?format=md) — SaaS · Home · Custom code · styles: serif, type-led, light, editorial · image: https://designly.sh/media/captures/cap_be4b5933b93c493982f8eb69abbc6f5d/desktop.webp
- [Pitch, Home](https://designly.sh/s/pitch?format=md) — SaaS · Home · Custom code · Berlin, Germany · styles: type-led, bold, tech, dark · image: https://designly.sh/media/captures/cap_56fccf5229fc4c9d81e43d11967aa135/desktop.webp
- [Paper, Home](https://designly.sh/s/paper?format=md) — SaaS · Home · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_07112d7971a1433bb85855db740ee4b5/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.