# Kinopio, Blog

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

## Why it works

Bold Shinka-Mono type on a white background establishes a strong, type-led identity. Soft teal is used sparingly for the 'Open Kinopio' button and the 'Changelog' tag, while a vertical list of dates and headlines provides a rhythmic, chronological feed of updates.

## Sections, top to bottom

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

## Design tokens

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

## Images

- Desktop (1440×7156): https://designly.sh/media/captures/cap_dbec422d2d6a4c20ad84861bca9088c1/desktop.webp
- Mobile (390×7446): https://designly.sh/media/captures/cap_dbec422d2d6a4c20ad84861bca9088c1/mobile.webp
- Captured: 2026-10-26

## Other Pages of Kinopio

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

## Related

- [Rive, Blog](https://designly.sh/s/rive/blog?format=md) — SaaS · Blog · Custom code · Los Angeles, USA · styles: dark, type-led, bold, geometric · image: https://designly.sh/media/captures/cap_196c86a79b1d4ebd94caf75a48004e7c/desktop.webp
- [Pitch, Blog](https://designly.sh/s/pitch/blog?format=md) — SaaS · Blog · Custom code · Berlin, Germany · styles: type-led, playful, editorial, light · image: https://designly.sh/media/captures/cap_c90239f38bb9472fa4199a0b03525665/desktop.webp
- [Paper, Blog](https://designly.sh/s/paper/blog?format=md) — SaaS · Blog · Custom code · styles: type-led, editorial, geometric, minimal · image: https://designly.sh/media/captures/cap_cfaf5cb6a6bf4537a4f6eaf9a57397b0/desktop.webp
- [Framer, Blog](https://designly.sh/s/framer/blog?format=md) — SaaS · Blog · Custom code · Amsterdam, Netherlands · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_3f02116fbc674b05833047e81c1a63ae/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.