Large photo header for mobile profile pages. Full-bleed cover photo (40-50vh), circular avatar overlapping the cover bottom edge, name+age+bio stack, and a row of action buttons (Edit on own profile / Message+Like+Report on other). Sticky-scroll behavior: avatar shrinks as user scrolls down. Differs from storefront-hero (desktop-leaning, wider proportions) by being mobile-optimized with portrait photo and thumb-friendly action sizing.
@official/decantrMay 13, 2026
2026heroprofilemobileconsumer
How to use this
What to do next
Use this as a high-signal reference for 2026, hero, profile.
Inspect the contract before rebuilding the same component by hand.
Keep the pattern structure and responsive behavior intact when translating it into runtime code.
Contract explorer
Inspect the source of truth
The contract remains available when you need route detail, theme bindings, or raw JSON for automation.
@official/mobile-profile-hero — contract
138 lines11.1 KB19 root entriesschema
id
stringstring
name
stringstring
tags
object7 items
motion
object2 keys
$schema
stringstring
presets
object3 keys
version
stringstring
category
stringstring
components
object16 items
responsive
object3 keys
composition
object5 keys
description
stringstring
interactions
object6 items
layout_hints
object6 keys
visual_brief
stringstring
accessibility
object5 keys
decantr_compat
stringstring
default_layout
object3 keys
default_preset
stringstring
Registry evidencePublisher and verification details
Registry intelligence
This item is authored and structured, but it is not currently one of the primary recommended references.
Recommended because: Official registry source, Structured authored contract coverage is strong, Copyable implementation guidance is present, Authored confidence score meets the recommendation threshold
Holding back: Authored quality score is below the recommendation threshold