# Ultimate Design OKF Bundle

This bundle turns the research packet into indexed, on-demand design knowledge. Read this index first, then open only the concepts needed for the current task.

The bundle is descriptive knowledge. It does not override runtime truth: rendered output, browser behavior, accessibility checks, tests, print/vendor requirements, and user review remain authoritative.

## Methods

* [Senior Design Process](methods/senior-design-process.md) - How to turn a vague request into a professional brief, direction, artifact, verification pass, and contract update.
* [Product Sense](methods/product-sense.md) - Product-management judgment for design work: problem definition, user outcome, hypotheses, metrics, tradeoffs, MVP scope, validation path, and AI-product risk.

## Foundations

* [Visual Communication And Information Hierarchy](foundations/visual-communication-hierarchy.md) - Coordination layer for intent, information priority, message hierarchy, visual hierarchy, attention, reading path, understanding, action, and ethics.
* [Layout Typography And Composition](foundations/layout-typography-composition.md) - Coordination layer for composition, grid, type area, alignment, spacing rhythm, typography, Chinese and mixed-language typesetting, editorial layout, Swiss Style, and medium output checks.
* [Necessary Design Judgment](foundations/necessary-design-judgment.md) - Design-philosophy critique lens for necessity, inevitability, craft tolerance, care, material honesty, hidden complexity, and scene fit; learn judgment without copying Apple-style surface.
* [Information Architecture](foundations/information-architecture.md) - User, task, content hierarchy, navigation, and first-screen clarity.
* [Gestalt And Composition](foundations/gestalt-composition.md) - Proximity, similarity, continuity, figure/ground, focal point, rhythm, and layout discipline.
* [Visual Hierarchy](foundations/visual-hierarchy.md) - Size, weight, contrast, position, whitespace, repetition, and emphasis rules.

## Content

* [Message Model](content/message-model.md) - User intent, message hierarchy, first-screen clarity, content order, and decision paths.
* [UX Writing](content/ux-writing.md) - CTAs, labels, helper text, errors, empty states, terminology consistency, and voice/tone.
* [State Language](content/state-language.md) - Copy patterns for loading, empty, error, success, disabled, confirmation, and undo states.
* [Semantic Binding](content/semantic-binding.md) - Binding content rules to components, semantic HTML, accessibility, long text, and localization.

## Systems

* [Brand Identity And Media Production](systems/brand-identity-media-production.md) - Bridge from brand strategy, identity, logo rules, guidelines, tokens, and asset systems to screen, print, social, deck, packaging, licensing, rights, and governance.
* [Visual Language And Style System](systems/visual-language-style-system.md) - Coordination layer for concept, perceptual posture, color, photography, illustration, iconography, symbols, texture, art direction, anti-template checks, and style governance.
* [Taste Engine](systems/taste-engine.md) - Operational taste layer for design read, taste dials, anti-default locks, layout-family audit, asset credibility, and taste critique.
* [Motion Language And Choreography](systems/motion-language.md) - Purpose-led motion for feedback, continuity, hierarchy, navigation, storytelling, brand behavior, reduced motion, and performance.
* [Motion Contract](systems/motion-contract.md) - Executable motion contracts for animation behavior, GSAP/ScrollTrigger routing, display-window SVG drawing, focus-complete timing, no-flash reveal rules, and browser-sampled validation evidence.
* [Color System](systems/color-system.md) - Role-first color decisions, contrast, semantic colors, dark mode, and cultural caveats.
* [Typography System](systems/typography-system.md) - Type scale, line length, mixed Chinese/English checks, tabular figures, and readability defaults.
* [Type Personality And Typography Art Direction](systems/type-personality.md) - Font-selection model for when type should recede or become memorable, with CJK/Latin voice maps, mixed-script pairing, WebFont/fallback, and licensing caveats.
* [Tokens And Components](systems/tokens-components.md) - Primitive/semantic/component token layers and component specification requirements.

## Digital

* [Accessibility And Usability](digital/accessibility-usability.md) - WCAG target, semantic HTML, keyboard, focus, labels, errors, and usability heuristics.
* [Responsive And Interaction](digital/responsive-interaction.md) - Mobile-first layout, content breakpoints, states, motion, and feedback.

## Production

* [Presentation Deck](production/presentation-deck.md) - Commercial PPT/slide-deck design, decision path, narrative, slide claims, data charts, brand/master consistency, accessibility, and stable delivery.
* [Graphic And Print](production/graphic-print.md) - Posters, social graphics, print caveats, bleed, color mode, DPI/PPI, exports, and licensing.
* [Data Visualization I18n Legal](production/data-viz-i18n-legal.md) - Data visualization, localization, RTL, legal, licensing, and asset-rights checks.

## Governance

* [Senior Proxy Checklist](governance/senior-proxy-checklist.md) - Observable proxy for senior-level design quality and final verification.
* [OKF Taxonomy And Digestion Map](governance/okf-taxonomy-digestion-map.md) - Maintainer-facing classification of the existing OKF bundle by runtime layer, source-of-truth ownership, digestion status, and gap handling.
* [Research Digestion And LLM Wiki Layer](governance/research-digestion-llm-wiki.md) - Build-time digestion workflow for turning raw research into source summaries, wiki synthesis, OKF candidates, coverage, and runtime-safe OKF concepts.
* [Request Integrity](governance/request-integrity.md) - Preserve the original user need through long design runs with a compact Request Anchor and final drift check.
* [DESIGN.md Standard](governance/design-md-standard.md) - Google-compatible DESIGN.md structure, token schema, prose sections, official-tooling caveats, and extension boundary.
* [DESIGN.md Agent Governance](governance/design-md-agent-governance.md) - How agents create, read, apply, extend, validate, and update DESIGN.md in UI work.
* [Design To Code Governance](governance/design-to-code-governance.md) - Token-to-code, Storybook, visual regression, accessibility testing, and CI governance.
* [Machine Verification And CI](governance/machine-verification-ci.md) - DESIGN.md schema checks, token validation, and automated quality gates.
* [Research Coverage Map](governance/research-coverage-map.md) - Traceability map from the original research report to this OKF bundle.
