93 lines
4.2 KiB
JSON
93 lines
4.2 KiB
JSON
[
|
|
{
|
|
"id": "landing-01-hero-split",
|
|
"src": "/assets/landing-01-hero-split.png",
|
|
"alt": "Hero food photography with dark gradient contrast overlay for EatIt",
|
|
"role": "Hero food photography with dark gradient contrast overlay",
|
|
"width": 1600,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/",
|
|
"sectionId": "hero-split",
|
|
"usage": "Limestone background with primary dark slate text, paprika accent button, and high-contrast telemetry card wrapper.",
|
|
"cropFocus": "Keep the primary subject in the central-right safe area so concise hero copy can sit to the left"
|
|
},
|
|
{
|
|
"id": "landing-02-role-pathways",
|
|
"src": "/assets/landing-02-role-pathways.png",
|
|
"alt": "Role pathway visual cards showing kitchen and delivery operational context for EatIt",
|
|
"role": "Role pathway visual cards showing kitchen and delivery operational context",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/",
|
|
"sectionId": "role-pathways",
|
|
"usage": "Elevated white surface cards over limestone base with subtle slate borders and distinct semantic badges.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "landing-03-workflow-timeline",
|
|
"src": "/assets/landing-03-workflow-timeline.png",
|
|
"alt": "Illustrate the step-by-step unskippable lifecycle of an order from placement to for EatIt",
|
|
"role": "Illustrate the step-by-step unskippable lifecycle of an order from placement to",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/",
|
|
"sectionId": "workflow-timeline",
|
|
"usage": "Warm limestone band with structured line dividers and step badges in accent paprika and slate tones.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "landing-04-auth-callout",
|
|
"src": "/assets/landing-04-auth-callout.png",
|
|
"alt": "Provide final conversion gateway encouraging users to sign in and choose their for EatIt",
|
|
"role": "Provide final conversion gateway encouraging users to sign in and choose their",
|
|
"width": 1200,
|
|
"height": 900,
|
|
"surfaceId": "landing",
|
|
"screenRoute": "/",
|
|
"sectionId": "auth-callout",
|
|
"usage": "Dark slate inverse surface (#16181B) with bright white text and warm paprika CTA button.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "application-01-role-selection-grid",
|
|
"src": "/assets/application-01-role-selection-grid.png",
|
|
"alt": "Role vector icons for EatIt",
|
|
"role": "Role vector icons",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "application",
|
|
"screenRoute": "/app/onboarding",
|
|
"sectionId": "role-selection-grid",
|
|
"usage": "Solid white card surfaces over warm limestone base with 1px slate borders.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
},
|
|
{
|
|
"id": "application-02-discovery-filter-strip",
|
|
"src": "/assets/application-02-discovery-filter-strip.png",
|
|
"alt": "Filter and search local dining options visual for EatIt",
|
|
"role": "Filter and search local dining options visual",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "application",
|
|
"screenRoute": "/app",
|
|
"sectionId": "discovery-filter-strip",
|
|
"usage": "Limestone sticky bar with subtle 1px border separator.",
|
|
"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": "Verify operator authority with secure admin token and display session state. for EatIt",
|
|
"role": "Verify operator authority with secure admin token and display session state.",
|
|
"width": 1000,
|
|
"height": 1000,
|
|
"surfaceId": "admin",
|
|
"screenRoute": "/admin",
|
|
"sectionId": "admin-auth-header",
|
|
"usage": "Dark slate header bar (#16181B) with crisp 1px subtle slate border and contrast badge.",
|
|
"cropFocus": "Keep the primary subject inside the central 70% with clear negative space around it"
|
|
}
|
|
] |