Sign in to create and edit playbooks. Sign In Register

IA Guidelines

Document Required

Description

OUTPUT: docs/ux/IA_guidelines.md
FORMAT: Design system specification based on Bootstrap 5.3+

TEMPLATE: See .windsurf/workflows/FeatureFactory/ESM/artifacts/ia_guidelines_template.md for complete structure including:
- Design Tokens (colors, typography, spacing, shadows)
- Skeleton & Layout (grid system, containers, responsive breakpoints)
- Visual Design (color palette, typography scale, iconography with Font Awesome Pro)
- Component Kit (atoms, molecules, organisms following Atomic Design)
- Behavior & Interactions (hover states, animations, accessibility)
- Flow & User Experience (navigation patterns, form validation, error handling)
- Data & State Patterns (loading states, empty states, error states)

Metadata
Type:
Document
Required:
Yes
Created:
Apr 11, 2026
Updated:
Apr 11, 2026
Producer Activity
Define Information Architecture

Envision the System

Consumer Activities 7
  • Verify ESM Artifacts

    Deploy Software Process Required

  • Analyze ESM Artifacts

    Define Architecture Required

  • Scaffold Project Structure

    Bootstrap Project Required

  • Implement Frontend

    Build Feature Required

  • Create Dialogue Maps

    Envision the System Required

  • Create Mockups

    Envision the System Required

  • Process Change Request

    Build Feature Required