Koder Design

The visual and behavioral system that every Koder product follows. Generated automatically from the canonical specs in meta/docs/stack/specs/.

Browse 19 UI styles →

Specs covered (Sprint 1)

app-layout app-layout/safe-area.kmd — App Safe-Area / Window-Insets
spec-doc audit/frontmatter.kmd — Audit Frontmatter
spec-doc backlog/numbering.kmd — Backlog Ticket Numbering
spec-doc binaries-and-cli/naming.kmd — Binary, CLI and Desktop App Naming
spec-doc cache-purge/contract.kmd
spec-doc chat-channels/capability-matrix.kmd — Chat Channel Capability Matrix
spec-doc commands/structure.kmd — Command Structure
spec-doc desktop-apps/title-bar-double-click.kmd — Title-Bar Drag and Double-Click Gestures
spec-doc desktop-apps/title-bar.kmd — Product Name in Desktop Title Bar
spec-doc docs/generation.kmd — Document Generation
pattern errors/reporting.kmd — Error Reporting (all modules)
pattern errors/user-facing-messages.kmd — User-Facing Error Messages
pattern i18n/contract.kmd — Internationalization (i18n) Cross-Surface Contract
pattern i18n/test-template.kmd — i18n TDD Test Template (Cross-Surface)
icon icons/generation-targets.kmd — Icon Generation Targets
icon icons/products.kmd — Product Icons
pattern identity/login-resolution-test-template.kmd — Login Identifier Resolution — TDD Test Templates
pattern identity/login-resolution.kmd — Login Identifier Resolution
spec-doc ipc/protocol.kmd — KoderIPC Protocol
spec-doc kmd/format.kmd — Koder Markdown Format (.kmd)
spec-doc kode/config-format.kmd
spec-doc kode/hooks.kmd
spec-doc koder-app/behaviors.kmd — Koder App Behaviors
spec-doc koder-toml/category.kmd — koder.toml — `category` field
spec-doc kpkg/format.kmd — Koder Package Format (.kpkg)
spec-doc kvg/format.kmd — Koder Vector Graphics Format (.kvg)
spec-doc kzip/format.kmd — Kzip — Format Spec (v1 — restic-compatible bootstrap)
spec-doc landing-pages/areas.kmd — Landing Pages — Áreas
spec-doc landing-pages/catalog.kmd — Landing Pages — Catálogos
spec-doc landing-pages/download-button.kmd — Download Button (landings)
spec-doc landing-pages/institutional.kmd — Landing Pages — Institucionais
spec-doc landing-pages/packages.kmd — Landing Pages — Hub Package Pages
spec-doc landing-pages/products.kmd — Landing Pages — Produtos Koder
spec-doc landing-pages/sectors.kmd — Landing Pages — Sectors
spec-doc landing-pages/specs.kmd — Landing Pages — Specs / Formatos
spec-doc multi-tenancy/contract.kmd — Multi-tenancy contract
spec-doc naming/brand-score.kmd — Brand Score (naming)
pattern navigation/back-behavior.kmd — Back-button / ESC / Swipe-back Behaviour
spec-doc pair/handshake.kmd — Koder Pair — peer-to-peer device pairing handshake
spec-doc readmes/products.kmd — README — Produtos Koder
spec-doc releases/packaging.kmd — Release Packaging Formats
spec-doc rfc-frontmatter/phases.kmd — RFC frontmatter — `phases:` array
spec-doc settings/patterns.kmd — Settings Patterns
theme themes/light-dark.kmd — Light/Dark Theme Toggle
ui-style themes/ui-style.kmd — UI Style
spec-doc variants/taxonomy.kmd — Variantes — Taxonomy
voice voice/wake-word.kmd — Voice — Wake-word + Talk Mode (settings + privacy)
spec-doc web-apps/responsiveness.kmd — Web App Responsiveness