OKF Studio Design System
Bundle OKF 0.2 · 34 conceitos · saschb2b/okf-studio
Open source Repository Open in the app JSON
About
# OKF Studio Design System
Dark-first, zed.dev-inspired visual language for the OKF Studio marketing and download site. Built from the desktop app's theme and its app icon (the blue→violet folder on a near-black tile). One accent hue, restrained type on self-hosted Inter and JetBrains Mono, and no decoration that competes with the product. Start at the [overview](overview.md); pull tokens from [styles/tokens.css](styles/tokens.css).
# Overview
* [OKF Studio Design System](overview.md) - Principles, voice, and how to consume this bundle.
# Foundations
* [Color](foundations/color.md) - Near-black palette and the one accent hue.
* [Typography](foundations/typography.md) - Self-hosted Inter and JetBrains Mono on a restrained scale.
* [Spacing](foundations/spacing.md) - The px-named spacing scale and the width caps.
* [Shape](foundations/shape.md) - Corner-radius scale.
* [Elevation](foundations/elevation.md) - Three black shadows; depth from layering.
* [Motion](foundations/motion.md) -
Details
- Kind
- OKF bundles
- Topic
- Media, design & games
- Publisher
- saschb2b
- Origin
- okf_github
- Category
- dados
- Version
- 0.2
- Added
- 2026-09-09 05:03:59
- Updated
- 2026-09-09 05:03:59
- Origin id
saschb2b/okf-studio:design-system/index.md