The rhythm rules. A 4/8 base unit, two radii tiers (crisp for product, generous for editorial), soft warm shadows, and two timing curves.
Cards breathe. Generous padding is the single biggest visual signature of the portfolio.
Tighter padding. Product density wins — every card fits three lines of spec below the image.
Use 32–40px for Yuqin cards/panels (editorial feel), 12–24px for CommenHers cards, pill for buttons and tag chips on both.
Cards at rest, lifted slightly from the cream page. Warm brown cast, never neutral gray.
One tier up on hover or when active. Paired with a 1px translate-Y lift.
The hero stage and focused section only. Deep soft cast, no hard edges.
Reserved for the hero snapshot card and featured pricing tier. Double-layered: a flat black drop, plus a green-tinted diffusion that reads as "alive" rather than floating.
Two curves do the whole job. Expo for decisive arrivals (section transitions, the Persona-5 slash sweep, active-state toggles); Soft for ambient reveals and hover tweens. Durations: 180ms micro, 320ms mid, 620ms hero/section.