Skip to main content
Gryphin Logo
Gryphin
Back to changelog
Released May 11, 2026

Card styles — six new looks, picked during onboarding

The default kanban card got a serious upgrade. The old card was carrying too many fights at once — colored chips on top, a colored type chip on the bottom, a pink avatar, an emoji prefix in the title — six color signals competing for attention. We tore it down and rebuilt around one rule: the title reads first, color is reserved for signal (overdue, blocked, attention). Then we built seven full card styles around that rule and put a picker into onboarding so new users choose the look they want before they land on their welcome board. Existing boards are untouched — they keep the original look until their owner opts in via Board Settings → Cards → Style.

What changed

  • NewSix new card styles, each a different mental model: Status Strip (default, brand rail), Minimal (Things-3 calm), Tactile (skeuomorphic depth), Boarding Pass (airline ticket with gate code + mono meta), Notion (document row), and Iridescent (premium conic-gradient border).
  • NewOnboarding step at /onboarding/card-style — visual picker with live previews, runs once after signup before your welcome board renders.
  • NewPer-board card style: each board can have its own look. Switch anytime in Board Settings → Cards → Style.
  • ImprovedTitle is the hero across every style: weight 500–600, tracking −0.005em, line-height 1.32–1.38. Footer rows only render when there is something to say.
  • ImprovedBrand colors used purposefully: orange rails, gradient dots, conic borders, aurora bleeds, tinted date pills — never as decoration.
  • ImprovedAll styles handle every state: cover image, completed (strikethrough), overdue (red), today (amber), blocked, glowing, dragging, plus full subtask/comment/attachment/time-tracker meta.
  • FasterEvery shell is React.memo + transform-gpu. Iridescent uses @property + CSS variable animation — pure GPU, no JS.
  • FasterShared cover, avatar-stack, and featured-link components dedupe across all six shells; tree-shakable per-style imports.
  • InfraNew boards default to Status Strip. Existing boards default to Classic (the original) so nothing changes for them — feature is opt-in for legacy boards.
  • InfraStyle choice syncs across collaborators in real-time via the existing board-update channel.

More on the way. See what's next on the roadmap.

See the roadmap