Cards · GG·04

GuideCard — the workhorse

default for grids, horizontal for search results, compact for sidebars. This is one DOM tree — press S and D and watch the same cards serve both businesses. Hover lifts 2px and zooms art 5%: the only motion a card is allowed.

01 Three variants — live

GuideCard

default

Pinned

Boss GuideAdvanced

Malenia No-Summons Kill Order: Every Punish Window Mapped

Phase-by-phase openings, Waterfowl spacing drills, and the two builds that trivialize the bleed check.

48.2K 1.9K

Jul 12, 2026

horizontal

★ Premium

Ultimate GuideBeginner

Baldur's Gate 3: The Complete Honour Mode Bible

Every fight re-planned for zero-death runs — act-by-act comps, consumable routing, and the 14 encounters that end most runs.

112K views~4 hr read

Jul 02, 2026

compact

Radahn Cheese That Still Works

Tips12.1K views

✓ DO

Clamp excerpts at 2 lines; let titles wrap free. Pinned uses brand ink; Premium always uses the gradient pill.

✗ DON'T

No shadows heavier than --shadow-lift, no motion beyond lift+zoom, never two status badges on one thumb.

motion hover translateY(-2px) 200ms · art scale(1.05) 300ms grid default cards land in minmax(280px,1fr) columns