KIMBERLY FLOWERSPRODUCT CREATIVE DIRECTION
Back to selected work

INTERACTIVE FOUNDATIONS

Different brands.
A shared behavior contract.

Try a proposed component foundation inspired by the five Booked in 48 directions. Change the brand, density, and state to see how visual choices and interaction behavior can work together.

COMPONENT EXAMPLE · LOCAL DEMO

A useful conversation
starts with context.

Share the focus for your session. This demonstration does not send or store your information.

Describe one outcome you want to work toward.

The rules behind the controls.

01

Brand

Palette and heading treatment can change without changing the field’s label, helper relationship, or submission boundary.

02

Density

Spacing changes in a bounded way. Compact mode still keeps a clear control target and avoids shrinking text to solve layout.

03

State

Loading announces progress and disables repeat submission. Errors identify the correction. Success describes only the local review.

A contribution checklist.

  • Describe the customer task and why an existing pattern is insufficient.
  • Provide default, focus, error, loading, empty and completed states where relevant.
  • Review content, keyboard access, contrast and longer translated labels.
  • Document token use, code behavior, ownership and the reason for any exception.