#design-review.md
Version: 1.0.0
Target Models
- Kimi K3
- Kimi K2.6
- Kimi K2 Family
- Future Kimi Models
#Purpose
This document defines the Design Review methodology for modern digital products.
Design review is not about personal preference.
It is a systematic engineering process for evaluating visual quality, usability, interaction, accessibility, consistency, scalability, and product experience.
The objective is to ensure every interface reaches production-level quality before release.
#Core Philosophy
Understand
↓
Evaluate
↓
Analyze
↓
Improve
↓
Verify
↓
Approve
Every design decision must have a reason.
Beauty without usability is incomplete.
Usability without consistency is incomplete.
#Primary Objective
Every review should answer one question:
"If this interface were released today, would users immediately trust the product?"
If the answer is uncertain,
the design is not finished.
#Design Principles
Every interface should maximize
Clarity
↓
Hierarchy
↓
Consistency
↓
Accessibility
↓
Efficiency
↓
Delight
↓
Trust
Never optimize aesthetics at the expense of usability.
#Review Workflow
Understand Product
↓
Understand User
↓
Review Structure
↓
Review Visual Design
↓
Review UX
↓
Review Accessibility
↓
Review Performance
↓
Review Consistency
↓
Approve
#Stage 1 — Product Understanding
Before reviewing ask:
Who is the user?
↓
What is the primary goal?
↓
What problem is being solved?
↓
What action should users take?
Design without product understanding is decoration.
#Stage 2 — Visual Hierarchy
Review
Primary CTA
Secondary Actions
Information Order
Reading Flow
Whitespace
Contrast
Focus
Users should understand the page within five seconds.
#Stage 3 — Layout Review
Inspect
Grid
Alignment
Spacing
Margins
Padding
Sections
Containers
Columns
Nothing should appear randomly placed.
Every element should have purpose.
#Stage 4 — Typography Review
Verify
Font hierarchy
Heading sizes
Body readability
Line height
Letter spacing
Paragraph spacing
Contrast
Consistency
Typography should guide attention.
Never compete with content.
#Stage 5 — Color Review
Evaluate
Primary colors
Secondary colors
Accent colors
Semantic colors
Contrast ratio
Brand consistency
Dark mode
Color should communicate meaning.
Avoid decorative colors without purpose.
#Stage 6 — Component Review
Inspect
Buttons
Cards
Forms
Navigation
Tables
Badges
Dialogs
Dropdowns
Inputs
All components should belong to the same design language.
#Stage 7 — Spacing Review
Verify
Vertical rhythm
Horizontal rhythm
Padding consistency
Margins
Grid spacing
Section spacing
Whitespace creates hierarchy.
Avoid crowded interfaces.
#Stage 8 — Interaction Review
Review
Hover
Focus
Pressed
Disabled
Loading
Success
Error
Empty
Interaction should always provide feedback.
Users should never wonder what happened.
#Stage 9 — Motion Review
Inspect
Animation purpose
Timing
Duration
Easing
Transitions
Micro interactions
Motion should explain changes.
Never distract users.
#Stage 10 — UX Review
Ask
Can users complete their task quickly?
↓
Can users recover from mistakes?
↓
Can users predict outcomes?
↓
Can users navigate naturally?
↓
Is cognitive load minimized?
UX should reduce thinking.
#Stage 11 — Accessibility Review
Verify
Keyboard navigation
Screen reader support
Focus visibility
Color contrast
Semantic HTML
Touch targets
Text scaling
Accessible products serve everyone.
#Stage 12 — Responsive Review
Inspect
Desktop
Laptop
Tablet
Mobile
Large screens
Orientation changes
Responsive design should preserve usability.
Not merely resize elements.
#Stage 13 — Content Review
Review
Headlines
Labels
Buttons
Errors
Empty states
Helper text
Messages
Content should be concise, human, and actionable.
#Stage 14 — Trust Review
Evaluate
Professional appearance
Consistency
Security indicators
Clear navigation
Predictable behavior
Polished details
Users decide whether to trust a product within seconds.
#Stage 15 — Performance Perception
Review
Loading skeletons
Progress indicators
Optimistic UI
Image loading
Animation smoothness
Feedback speed
Fast feeling interfaces outperform technically fast interfaces.
#Stage 16 — Design System Review
Verify consistency across
Typography
Spacing
Colors
Icons
Borders
Radius
Elevation
Motion
Components
The product should feel like one system.
Not many pages.
#Stage 17 — Psychological Review
Evaluate
Attention flow
Visual weight
CTA prominence
Decision simplicity
Reward feedback
Progress indicators
Emotional confidence
Good interfaces reduce anxiety.
#Stage 18 — Delight Review
Review
Micro animations
Hover polish
Transitions
Visual refinement
Small interactions
Premium feeling
Details create memorable products.
#Stage 19 — Scalability Review
Ask
Can this design support
New pages
New features
Localization
Accessibility improvements
Large datasets
Future growth
Great design systems scale naturally.
#Review Questions
Before approval ask
Would users immediately understand this?
↓
Would users trust this?
↓
Would users enjoy using this?
↓
Is anything visually inconsistent?
↓
Does every element have purpose?
↓
Would this meet enterprise product standards?
#Severity Levels
Critical
Usability failure
Accessibility failure
Broken navigation
Unreadable interface
Major
Weak hierarchy
Poor responsiveness
Inconsistent components
Confusing interaction
Minor
Spacing
Alignment
Typography refinement
Visual polish
Suggestion
Animation improvements
Icon refinement
Micro interaction enhancements
#Review Checklist
✓ Clear hierarchy
✓ Consistent layout
✓ Professional typography
✓ Accessible colors
✓ Responsive design
✓ Consistent components
✓ Excellent UX
✓ Accessible interaction
✓ Fast perceived performance
✓ Design system consistency
✓ Premium visual quality
#Anti-Patterns
Avoid
Random spacing
Multiple design languages
Inconsistent typography
Low contrast
Over animation
Hidden navigation
Tiny click targets
Weak CTA hierarchy
Decorative complexity
Design decisions without purpose
#Definition of Done
Design review is complete when
- Users immediately understand the interface.
- The visual hierarchy guides attention naturally.
- Every component follows the design system.
- Accessibility standards are satisfied.
- Responsive behavior is consistent.
- Interactions feel intuitive.
- Motion enhances understanding.
- The product communicates professionalism and trust.
- The interface is scalable for future growth.
- The overall experience feels cohesive, polished, and production-ready.
Exceptional design is not achieved by adding more elements.
It is achieved when every element has purpose, every interaction builds confidence, and every screen feels like part of a unified product experience.