Skip to main content
Koder Stack
Foundations RFCs Specs Policies Registries Compendiums Search
Specifications 320
  • Accessibility conformance (BR)
  • Accessibility nutrition labels
  • Inclusive design personas
  • AI/MCP UX/UI specs
  • AI CLI/TUI Status and Recap Hooks
  • AI agent step trace
  • AI generated content disclaimer
  • AI artifact panel
  • AI chat message bubble
  • AI citations / source attribution
  • AI code block
  • AI conversation history
  • AI cost display
  • AI inline suggest / ghost text
  • MCP elicitation UI
  • MCP permission prompt
  • MCP sampling approval
  • MCP server state
  • MCP tool invocation card
  • AI memory drawer
  • AI model selector
  • AI multimodal input composer
  • AI prompt template gallery
  • AI streaming text
  • AI system prompt editor
  • AI thinking state
  • AI voice mode UI
  • Koder Agent Stream Protocol
  • Koder Value-to-Intelligence Quotient (KVIQ)
  • Koder Skill Format (`SKILL.md`)
  • compare-products
  • daily-news-digest
  • landing-page-from-brief
  • Koder Design — Interface facet
  • KDS Public API (v1) — contract for kds.koder.dev/api/v1/
  • Adaptive layouts (list-detail, supporting-pane, feed)
  • Canonical layouts
  • Pane scaffolds (Adaptive)
  • App Safe-Area / Window-Insets
  • App Topbar — Placement & Layout Rules
  • Layout — Window size classes
  • Koder Design — System facet
  • Audit Frontmatter
  • External-provider OAuth client — connector-side contract
  • Koder ID OAuth Flow — consumer-side contract
  • Koder ID OAuth Flow — TDD Test Template
  • Koder ID Passkeys / WebAuthn — RP contract + passkey-first login
  • Koder ID Token Exchange — RFC 8693 delegation grant
  • Backlog Ticket Numbering
  • Binary, CLI and Desktop App Naming
  • Standard CLI Flags for Koder Apps
  • Cache-purge contract
  • Chat Channel Capability Matrix
  • Koder Design — Code facet
  • Code Anti-patterns
  • Code Comments
  • Error Handling
  • Functions & Methods
  • Imports & Dependencies
  • Indentation
  • Koder Design — Code facet — Languages sub-facet
  • Koda Code Style
  • Naming Conventions
  • Project Layout
  • Command Structure
  • Action sheet component
  • App bars
  • Avatar component
  • Badges
  • Banners
  • Button groups — Expressive extension
  • Buttons
  • Cards
  • Carousels
  • Carousels — Hero Expressive extension
  • Charts (line / bar / area / pie / scatter / graph)
  • Checkbox
  • Chips
  • Code Block
  • Combobox (typeahead select)
  • Data table (admin-grade)
  • Date picker (single, range, time)
  • Dialogs
  • Diff viewer component
  • Dividers
  • FAB menu
  • Guide cue (one-shot onboarding tooltip)
  • Index filters with saved views
  • Info sprinkle (inline help dot)
  • Inline definition (contextual term explainer)
  • Lists
  • Loading indicator
  • Log viewer component
  • Menus
  • Model viewer
  • Money input component
  • Navigation counters
  • Navigation containers
  • Number input component
  • Phone input (country selector + i18n format)
  • Pickers (date + time)
  • Progress indicators
  • Radio buttons
  • Search view
  • Sheets
  • Skeleton (loading placeholder)
  • Sliders
  • Snackbars
  • Split button
  • State label component
  • Switch
  • Tabs
  • Text fields
  • Toolbars (docked + floating)
  • Tooltips
  • Tree view component
  • Grammar and mechanics
  • Plain language
  • Plain language (pt-BR)
  • Voice and tone
  • Koder Design — Data facet
  • CNPJ (alphanumeric)
  • Data field types
  • Data input masks
  • Data field validation
  • Product Name in Desktop Title Bar
  • Title-Bar Drag and Double-Click Gestures
  • Android Compose bindings catalog
  • Animation-parity TDDs (temporal capture / motion-curve & timing diff / cross-impl reference-target / native shell+compositor)
  • Audio-parity TDDs (sound capture / presence + sync + acoustic similarity + loudness diff / cross-impl reference-target)
  • Browser and platform support matrix
  • Per-platform code samples toggle
  • KDS docs mobile responsiveness
  • Gesture TDDs for mobile UI (single/multi-finger tap · drag · parallel multi-finger drag · pinch/rotate · swipe/fling · system-edge gestures)
  • Develop — Get Started
  • Designer-to-developer handoff process
  • IDE integration (VSCode + Zed + JetBrains)
  • iOS SwiftUI bindings catalog
  • MCP integration (KDS for AI agents)
  • Overrides API — named subpart contract for KDS components
  • Synthetic input & virtual devices for test-gen (keyboard/pointer/touch/gesture · mic · webcam · USB/HDMI/Ethernet/Wi-Fi/Bluetooth hot-plug)
  • Visual regression TDDs (overflow / chrome-overlap / proportion / sibling-collision)
  • Develop — Wear OS
  • XR — canonical composables
  • XR developer preview
  • Service Registry Contract
  • Document Generation
  • Errors facet — index
  • Error Model (canonical error envelope)
  • Error Reporting (all modules)
  • Error Taxonomy (classes, severity, retryability)
  • User-Facing Error Messages
  • Koder Design — Typography
  • Koder Design — Foundations
  • Adaptive design
  • Customization
  • Designing — Elements
  • Usability — applying M3 Expressive
  • Content design — UX writing
  • Git objects on kdb — promotion gate for the kdb-obj object plane
  • SHA-256 default object format — promotion gate for Koder Flow
  • GPU device selection & power policy (hybrid iGPU/dGPU routing, per-surface preference, dGPU power lifecycle)
  • Internationalization (i18n) Cross-Surface Contract
  • i18n leak detection
  • i18n TDD Test Template (Cross-Surface)
  • Icon Generation Targets
  • Inscribed Glyph (geometria de figura inscrita em contêiner)
  • Product Icons
  • Verge Symbols (UI icon design language)
  • Scoped Consent Tokens
  • Right-to-Erasure Flow for Koder ID
  • Login Identifier Resolution
  • Login Identifier Resolution — TDD Test Templates
  • Password policy
  • Koder Design — Interaction
  • Haptic feedback
  • Keyboard mnemonics
  • Pull-to-refresh
  • Interaction — Selection
  • Interaction — States
  • KoderIPC Protocol
  • Kanon expressions v0.4
  • Koder Document eXchange Format (.kdx)
  • KMD prose alerts
  • Koder Markdown Format (.kmd)
  • Requirement / Scenario grammar for normative .kmd
  • Spec-delta lifecycle (.kmd deltas applied by requirement id)
  • Kode Config Format
  • Kode Hooks Contract
  • Kode Skill Format (SKILL.md)
  • Koder App Behaviors
  • Collection Toolbar — segment slot + standard collection segment
  • koder.toml — `category` field
  • koder.toml — [design_coverage] block
  • Kover A/B Report & Gate Verdict
  • Kover Capture & Data
  • Kover Connector Protocol
  • Kover Scenario DSL & Mirror Mode
  • Koder Package Format (.kpkg)
  • Koder Vector Graphics Format (.kvg)
  • KVG Generative Extensions (AI-emitted UI)
  • KVG Stencil Libraries
  • KVS activity model — PRs, issues, reviews, comments & the activity feed
  • KVS concurrent-merge & mergeable refs (conflict-as-data)
  • KVS namespace tree & permission resolution
  • Kzip — Format Spec (v1 — restic-compatible bootstrap)
  • Landing Pages — Áreas
  • Landing Pages — Catálogos
  • Landing Conformance — Privacy
  • Landing Conformance — UX
  • Download Button (landings)
  • Landing Pages — Institucionais
  • Landing Pages — Meta Portal (meta.koder.dev)
  • Landing Pages — Hub Package Pages
  • Landing Pages — Produtos Koder
  • Landing Pages — Sectors
  • Landing Pages — Specs / Formatos
  • Media — Audio record, playback, mic gate, formats (privacy + widgets)
  • Media — Document pick, preview, OCR, formats (privacy + widgets)
  • Media — Image capture, pick, preview, crop, formats (privacy + widgets)
  • Media — Transcription (STT) resilience — on-device-first
  • Media — Video record, playback, screen-capture, formats (privacy + widgets)
  • Cross-Service Event Delivery (Redis Streams)
  • Expand-migrate-contract migration recipes
  • Multi-tenancy contract
  • Brand Score (naming)
  • Component Naming Forms
  • SVID Workload Identity Scheme
  • Back-button / ESC / Swipe-back Behaviour
  • Broadcast Alerts (cross-session notices with expiry + priority)
  • Instrumentation Contract
  • Koder Triage — chat cockpit surface (Telegram/WhatsApp)
  • Koder Triage — unified inventory & triage surface
  • OrgML — Organization Markup Language
  • Koder Pair — peer-to-peer device pairing handshake
  • Admin data table pattern
  • AI agent state hooks (useKoderAgent / useKoderChat)
  • AI chat surface primitives
  • AI feature visual language
  • AI welcome / first-run screen
  • Approval gate pattern
  • Audit log surface
  • Callout card pattern
  • Code review surface
  • Confirmation page pattern
  • Feature deprecation / end-of-life communication
  • Empty state pattern
  • Feature paywall + access restriction
  • Form page pattern
  • Inline edit pattern
  • One thing per page pattern
  • Task list pattern
  • VCS activity timeline
  • Visual golden widget pattern (headless compositor + screencopy)
  • Multi-step wizard
  • kdb-gateway v0.0.13 vs `pg_dump` v17 — Coverage Diff
  • kdb-pgwire vs PostgreSQL 17 — Performance Baseline
  • pg-dump v17 — Wire Compatibility Spec
  • Cookie/tracking consent-record contract
  • koder.toml [privacy] block schema
  • README — Produtos Koder
  • Release Packaging Formats
  • KRDP — Koder Remote Desktop Protocol
  • RFC frontmatter — `phases:` array
  • Content-Security-Policy — canonical posture for Koder Flow + sibling apps
  • Settings Patterns
  • eIDAS digital signature — Koder Signer EU profile (stub)
  • ESIGN digital signature — Koder Signer US profile (stub)
  • ICP-Brasil digital signature — Koder Signer contract
  • Koder Flow — Service Level Objectives
  • Snapshot manifest format (.kvg)
  • Sound design vocabulary
  • Always-on test recipes T1-T9
  • Auto-heal selectors for UI regression tests
  • Test Coverage Matrix
  • OUIA test hooks (data-ouia-* contract)
  • Test Taxonomy
  • UI interaction performance — request→painted latency tiers
  • A11y theme modes (color-blind, low-vision)
  • Brand-mandatory tokens
  • Color — Advanced customization
  • Dynamic color
  • Color resources (tokens export)
  • Color roles
  • Color Schemes
  • Koder Design — Density modes
  • Depth & z-axis model
  • Editorial palette
  • Elevation
  • Forced colors / high contrast
  • Koder Style — Design Decisions
  • Light/Dark Theme Toggle
  • Lighting & shadow model
  • Materials — translucent surface tokens
  • Motion
  • Motion — Easing & Duration
  • Motion — Physics
  • Motion — reveal effect (cursor highlight)
  • Motion — spatial & perceived depth
  • Motion — Transitions
  • Primitive color palette
  • UI Style preset families
  • Shape
  • Shape library
  • Typography
  • UI Style
  • Verge (v1 — OLED-aware dark)
  • Blog / changelog index
  • Blog — editorial posts (extension)
  • Contrast checker
  • Design kit export (Figma / Sketch / Adobe XD)
  • KDS sidebar order
  • Migration guides
  • Migration — M3 baseline → M3 Expressive uplift
  • Theme Builder
  • Variantes — Taxonomy
  • Voice — Wake-word + Talk Mode (settings + privacy)
  • Web App Responsiveness
  • Wire/API compatibility — Koder Flow vs upstream Forgejo
  • Workflow Executor Protocol
Home / Specifications / Koder Design — Foundations

Koder Design — Foundations

bootstrap

Foundation-level specs that every Koder UI inherits. Material parity (`/foundations

Source: meta/docs/stack/specs/foundations/README.md · Edit this page

Last updated 2026-06-28 · commit 638a56216

← Koder Design — Typography Adaptive design →
Koder Stack

The public documentation portal of the Koder Stack — RFCs, specifications, policies, registries and compendiums, rendered from the monorepo.

Documentation

Foundations RFCs Specs Policies Registries

Browse

Modules Runbooks Compendiums Search

Koder

koder.dev Flow Hub Brand

© 2026 Koder · Generated by koder-docs-render v0.5.0