Avatar treatment preview
Same illustration (avatar_bowl.png) with refinements applied:
scaled ring, drop shadow, fixed badge color, white gap-ring on stacks,
two-line post meta, accent-bordered profile quote, dotted empty-state.
Option 1 — Colored ring (recommended)
Solid ring scales with size (~4% of diameter, clamped 1.5–3px).
Option 2 — Soft halo
Glow/halo behind the disc (more ambient, less crisp).
Option 4 — Underlying tinted disc (bleed-through)
Color shows around the parchment edges.
At realistic sizes (Option 1, scaled ring)
32 / 48 / 96px — ring width adjusts so proportions stay consistent.
With names — in-context layouts
Real-world placements with all refinements applied.
Thread row (36px avatar)
Where do you sit when the chair is the practice?
Gabe Kelley · 2h ago · 4 replies
Post header (48px, fixed badge color, two-line meta)
Mira Tanaka
✦ Instructor
14 min ago
The point isn't to find a more comfortable chair — it's to notice you've been shifting around for an hour without ever sitting down.
Nested reply (40px, indented)
Jordan P. · just now
Oh that lands. I've been "looking for the right cushion" for three months.
Profile header (96px, accent-bordered quote)
Gabe Kelley
Member since April 2026 · 12 posts
Sitting with what is.
Stacked avatars (28px, white gap-ring, –6px overlap)
Empty state (no avatar picked yet, dotted nudge)
GK
Gabe Kelley