Brand
Logos, icons, and colors for kino. Use these wherever you want to refer to the project — distros, blog posts, screenshots, anywhere. Don't repaint the mark or stretch the wordmark.
Mark
App icon
On dark backgrounds, the icon stands on its own. On light backgrounds, prefer the wordmark.
Wordmark
Lowercase by design. The wordmark is the canonical way to present the project name in body text.
Downloads
- App icon (512)
Square. PNG, 512×512. Source for the in-app icon, the dock/tray icon, and the favicon set.
/brand/icon-512.png - App icon (32)
Square. PNG, 32×32. Use as a tiny mark wherever the 512 is overkill.
/brand/icon-32.png - Wordmark (SVG)
Vector wordmark. Use on light or dark backgrounds.
/brand/wordmark.svg - OG image
1200×630, the social-card preview when kinostack.app links are shared.
/brand/og-default.png
Color palette
Page background
#111113
--color-page
Surface (cards / nav)
#161618
--color-surface
Card
#1e1e22
--color-card
Elevated (modals)
#27272a
--color-elevated
Foreground
#fafafa
--color-fg
Foreground muted
#a1a1aa
--color-fg-muted
Foreground subtle
#71717a
--color-fg-subtle
Accent (kino amber)
#e8872a
--color-accent
Accent hover
#f5ae42
--color-accent-hover
Border
#3f3f46
--color-line
Naming
- kino — the application. Always lowercase, like git or vim.
- kinostack-app — the GitHub organisation that hosts the source.
- kinostack.app — this website.
Please don't
- • Tint the mark or wordmark in colors that aren't on this page
- • Stretch the wordmark non-uniformly
- • Use the kino name in product names that aren't kino itself
- • Imply official endorsement of forks or third-party services