Koder Design

The intentional shape of every Koder product — Visual, Code, Data, Interface, System.

Generated from canonical specs 5 facets · one programme

Design facets

Visual

How Koder products look and behave — themes, icons, components, voice, accessibility.

Browse 19 UI styles, 12 themes, 17 components →

Code

How source code is written across the Stack — formatting, naming, errors, anti-patterns.

#: hash a string def sha256(s) return Crypto.sha256(s) end

11 specs shipped — Koda style, indentation, naming, more →

Data

How data is modeled, stored, and configured — schemas, multi-tenancy, formats.

field	type
koder_user_id	uuid
workspace_id	uuid
created_at	tstz

kdb-as-unified-data-plane, koder-toml, kpkg, kvg →

Interface

How Koder components talk — APIs, IPC, protocols, command surfaces.

GET /v1/me authorization: bearer … accept: application/json 200 OK

IPC protocol, settings, audit, cache-purge →

System

How the Stack is structured — architecture, principles, audit, testing, releases.

app → service

service → kdb

RFCs, testing strategy, release model →

Specs catalog

Every spec from meta/docs/stack/specs/ rendered automatically. Click a row to read.

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 code/anti-patterns.kmd Code Anti-patterns
spec-doc code/comments.kmd Code Comments
spec-doc code/error-handling.kmd Error Handling
spec-doc code/functions.kmd Functions & Methods
spec-doc code/imports.kmd Imports & Dependencies
spec-doc code/indentation.kmd Indentation
spec-doc code/languages/koda-style.kmd Koda Code Style
spec-doc code/naming.kmd Naming Conventions
spec-doc code/project-layout.kmd Project Layout
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
spec-doc themes/color-schemes.kmd Color Schemes
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