93 lines
4.2 KiB
JSON
93 lines
4.2 KiB
JSON
[
|
|
{
|
|
"id": "landing-01-hero-section",
|
|
"src": "/assets/landing-01-hero-section.png",
|
|
"alt": "hero_feed_preview_photo for Vibely",
|
|
"role": "hero_feed_preview_photo",
|
|
"width": 1600,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/landing",
|
|
"sectionId": "hero-section",
|
|
"usage": "Warm chalk background, deep cobalt headings, terracotta badge highlighting chronological feature.",
|
|
"cropFocus": "Keep the primary subject in the central-right safe area so concise hero copy can sit to the left"
|
|
},
|
|
{
|
|
"id": "landing-02-feed-philosophy-section",
|
|
"src": "/assets/landing-02-feed-philosophy-section.png",
|
|
"alt": "interaction_preview_card_image for Vibely",
|
|
"role": "interaction_preview_card_image",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/landing",
|
|
"sectionId": "feed-philosophy-section",
|
|
"usage": "Crisp white cards bounded by thin zinc border rules and generous vertical whitespace.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "landing-03-creator-discovery-section",
|
|
"src": "/assets/landing-03-creator-discovery-section.png",
|
|
"alt": "creator_avatar_samples for Vibely",
|
|
"role": "creator_avatar_samples",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/landing",
|
|
"sectionId": "creator-discovery-section",
|
|
"usage": "Light neutral gray surface with terracotta pill badges for trending accounts.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "landing-04-notifications-and-reactions-section",
|
|
"src": "/assets/landing-04-notifications-and-reactions-section.png",
|
|
"alt": "Demonstrate instant activity updates for likes, comments, and new followers. for Vibely",
|
|
"role": "Demonstrate instant activity updates for likes, comments, and new followers.",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/landing",
|
|
"sectionId": "notifications-and-reactions-section",
|
|
"usage": "White card container layout with status alerts using success and accent color indicators.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "application-01-post-composer-and-filters",
|
|
"src": "/assets/application-01-post-composer-and-filters.png",
|
|
"alt": "Provide input area for new text and photo posts alongside feed filter tabs. for Vibely",
|
|
"role": "Provide input area for new text and photo posts alongside feed filter tabs.",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "application",
|
|
"screenRoute": "/app",
|
|
"sectionId": "post-composer-and-filters",
|
|
"usage": "White surface container with warm border definition and high-contrast publish button.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "application-02-chronological-feed-stream",
|
|
"src": "/assets/application-02-chronological-feed-stream.png",
|
|
"alt": "Attached post images and user profile avatars for Vibely",
|
|
"role": "Attached post images and user profile avatars",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "application",
|
|
"screenRoute": "/app",
|
|
"sectionId": "chronological-feed-stream",
|
|
"usage": "Bordered white feed cards with explicit divider lines and terracotta active like state.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "admin-01-admin-auth-header",
|
|
"src": "/assets/admin-01-admin-auth-header.png",
|
|
"alt": "Provide access verification and display operator session status visual for Vibely",
|
|
"role": "Provide access verification and display operator session status visual",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "admin",
|
|
"screenRoute": "/admin",
|
|
"sectionId": "admin-auth-header",
|
|
"usage": "Crisp white top panel bounded by warm border rules with terracotta accent triggers",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
}
|
|
] |