Preview image. Unlock full-res
A clean expand interaction for an AI thinking panel that animates open to reveal model comparison details including context, reasoning stages, and completion time.
Summary
A clean expand interaction for an AI thinking panel that animates open to reveal model comparison details including context, reasoning stages, and completion time.
Visual description
A minimalist light gray interface features a single collapsible button with bright magenta text reading 'Thinking' accompanied by a small downward-pointing chevron. The button is positioned slightly left of center with generous whitespace surrounding it, signaling an expandable state ready to reveal additional content below.
Key takeaway
Use a bright, saturated accent color paired with a directional chevron icon to signal expandable content, making interactive affordance immediately clear without hover states or secondary indicators.
Reuse notes
Reach for this as a ui screen reference. Pairs with minimal, clean directions. Original by Juliette.
