Detail Page · Spacing Pass

Same design, same components, same colors, same chip/pill/button styles — only margins, paddings, and gaps changed for strict symmetry. One set of spacing tokens applied everywhere.

Tokens applied throughout (snug + 1)
card padding  p-[15px] · 15 px
card gap  gap-[9px] · 9 px
section gap  space-y-[15px] · 15 px
label → content  mb-[7px] · 7 px
chip gap  gap-[7px] · 7 px
chip height  29 px
pill height  31 px
button height  33 px
card radius  rounded-2xl · 16 px
stat label → value  mb-[5px] · 5 px
flag pill grid  gap-[7px] · 7 px
action btn grid  gap-[7px] · 7 px
BEFORE · current
YUJ-001
Untitled
★★★★★
RESOLUTION 800×538 · SIZE 170 KB · IMPORTED 4/29/2026
Resolution
1920×1080
Bitrate
5.7 Mbps
File Size
8.65 GB
Length
3:53:50
Actresses
Ichika Matsumoto
Tags
Collections
Sugar & Spice ✕
AFTER · symmetric · snug+1 · same design
YUJ-001
Untitled
★★★★★
Resolution 800×538 · Size 170 KB · Imported 4/29/2026
Resolution
1920×1080
Bitrate
5.7 Mbps
File Size
8.65 GB
Length
3:53:50
Actresses
Ichika Matsumoto
Tags
Collections
Sugar & Spice ✕