Dual-card coaching system with depth and color coding

Dual-card coaching system with depth and color coding, minimal, flat, warm

Preview image. Unlock full-res

A two-card interaction pattern using deep blue and rust-red to distinguish Wisdom questions from Action tasks, with emoji depth indicators.

Summary

A card-based coaching system distinguishing question prompts (deep blue) from action tasks (rust red), with single and double emoji icons encoding depth of work.

Visual description

Two rounded-corner cards are shown with connecting arrow lines. The left card (deep blue with white text) contains "What is the best advice you have ever received?" under a "Wisdom" label and brand mark. The right card (rust red with white text) contains "Take turns sharing three things that you are grateful for" under an "Action" label. A legend between them explains the two card types and a depth system: single chili pepper emoji indicates "Light and Easy," double peppers indicate "Dig Deeper (where the magic happens)." The cards use serif display type for questions and sans-serif for labels. White dividing lines separate content areas within each card.

Key takeaway

The use of color as a primary categorical signal (blue for reflection, red for action) without additional icons; the emoji depth encoding allowing progressive disclosure; the serif-for-content, sans-serif-for-labels typographic hierarchy.

Reuse notes

Strong for coaching apps, wellness platforms, and parenting/family products. The deep blue and rust pairing reads warm and trustworthy, not clinical. Scale well to mobile card stacks. The depth system works for any multi-level engagement model (easy vs. advanced, quick vs. deep-dive).

More like this