feat(ui): refresh dashboard and paper boat branding
This commit is contained in:
WangShen007 committed
1 parent
6cd904d460
commit
b3a53a7f58
93 files changed
+11134
-7543
No files matched your search
@@ -0,0 +1,299 @@
|
||||
{
|
||||
"ui_assets_complete": true,
|
||||
"phase": "complete",
|
||||
"selected_direction": "Paper Boat / round 3 option 2",
|
||||
"references": [
|
||||
{
|
||||
"file": "design/brand-refresh/reference-paper-boat.png",
|
||||
"role": "approved visual reference",
|
||||
"used_as_asset": false
|
||||
}
|
||||
],
|
||||
"element_inventory": [
|
||||
{
|
||||
"id": "boat-mark",
|
||||
"decision": "export",
|
||||
"target_format": "svg"
|
||||
},
|
||||
{
|
||||
"id": "install-icons",
|
||||
"decision": "export",
|
||||
"target_format": "png/ico"
|
||||
},
|
||||
{
|
||||
"id": "human-avatars",
|
||||
"decision": "generate",
|
||||
"target_format": "png"
|
||||
},
|
||||
{
|
||||
"id": "paper-avatars",
|
||||
"decision": "export",
|
||||
"target_format": "svg"
|
||||
}
|
||||
],
|
||||
"assets": [
|
||||
{
|
||||
"element_id": "boat-mark",
|
||||
"file": "frontend/src/assets/logo.svg",
|
||||
"status": "ready",
|
||||
"usage": "shared footer brand component and logo mirrors"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-01-asian-woman-1.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-02-black-man-1.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-03-white-woman-glasses.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-04-south-asian-man-glasses.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-05-hijab-woman.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-06-latino-man.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-07-asian-woman-2.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-08-black-woman-curly.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-09-white-man-glasses.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-10-south-asian-woman.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-11-latina-woman.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"file": "frontend/src/assets/avatars/avatar-12-east-asian-man.png",
|
||||
"status": "ready",
|
||||
"source": "generated 4x3 sheet; equal-cell extraction"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-boat.svg",
|
||||
"alt": "纸舟",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-letter.svg",
|
||||
"alt": "信笺",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-pinwheel.svg",
|
||||
"alt": "风车",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-book.svg",
|
||||
"alt": "书页",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-plane.svg",
|
||||
"alt": "纸翼",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-kite.svg",
|
||||
"alt": "风筝",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-heart.svg",
|
||||
"alt": "折心",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-house.svg",
|
||||
"alt": "纸屋",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-leaf.svg",
|
||||
"alt": "新叶",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"file": "frontend/src/assets/avatars/paper-ink-boat.svg",
|
||||
"alt": "墨舟",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/favicon.svg",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/assets/favicon.svg",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/favicon.ico",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/assets/favicon.ico",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/apple-touch-icon-180x180.png",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/pwa-192x192.png",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/pwa-512x512.png",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/pwa-maskable-512x512.png",
|
||||
"status": "ready"
|
||||
},
|
||||
{
|
||||
"element_id": "install-icons",
|
||||
"file": "frontend/public/notification-badge-96.png",
|
||||
"status": "ready"
|
||||
}
|
||||
],
|
||||
"tool_attempts": [
|
||||
{
|
||||
"tool": "built-in image_gen",
|
||||
"action": "generate portrait sheet from approved reference",
|
||||
"status": "success"
|
||||
},
|
||||
{
|
||||
"tool": "sips",
|
||||
"action": "extract twelve equal cells",
|
||||
"status": "success"
|
||||
},
|
||||
{
|
||||
"tool": "native SVG export + rsvg-convert",
|
||||
"action": "export paper symbols and raster install icons",
|
||||
"status": "success"
|
||||
}
|
||||
],
|
||||
"qa": [
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"status": "passed",
|
||||
"checks": [
|
||||
"12 complete distinct adults",
|
||||
"consistent style",
|
||||
"no baked-in labels"
|
||||
]
|
||||
},
|
||||
{
|
||||
"element_id": "boat-mark",
|
||||
"status": "passed",
|
||||
"checks": [
|
||||
"16px actual browser render"
|
||||
]
|
||||
},
|
||||
{
|
||||
"element_id": "human-avatars",
|
||||
"status": "passed",
|
||||
"checks": [
|
||||
"all 12 cells individually extracted",
|
||||
"first and last crops visually inspected",
|
||||
"sips zero-offset centering corrected with inset extraction"
|
||||
]
|
||||
},
|
||||
{
|
||||
"element_id": "paper-avatars",
|
||||
"status": "passed",
|
||||
"checks": [
|
||||
"all ten SVGs parsed by tests",
|
||||
"old stored orb metadata re-renders new vectors",
|
||||
"CSS and image slots use identical SVGs",
|
||||
"uploaded photos pass through unchanged"
|
||||
]
|
||||
}
|
||||
],
|
||||
"omitted": [
|
||||
{
|
||||
"item": "old login illustration, third-party logos and customer uploads",
|
||||
"reason": "outside selected asset scope"
|
||||
}
|
||||
],
|
||||
"portrait_prompt": "Twelve equal square cells in a 4x3 sheet; flat editorial cut-paper adult portraits; identical pale sage background, no labels, no glossy or photorealistic rendering. Approved Paper Boat board used as style reference.",
|
||||
"tokens": {
|
||||
"paper": "#F4F1EB",
|
||||
"ink": "#16171A",
|
||||
"celadon": "#2E6A5C",
|
||||
"sage": "#8BB49C",
|
||||
"fold": "#568B73"
|
||||
},
|
||||
"components": [
|
||||
"frontend/src/components/common/BrandMark.vue",
|
||||
"frontend/src/utils/orb.ts"
|
||||
],
|
||||
"validation": {
|
||||
"type_check": "passed",
|
||||
"dashboard_widget_loader_build": "passed",
|
||||
"targeted_tests": "76 total passing: 65 unaffected tests from first corrected run + 11 final BrandMark/dashboard checks",
|
||||
"runtime": "dashboard and widget assets return HTTP 200; browser PWA update activated; favicon/sidebar/footer/picker inspected; human preset upload verified and paper boat restored; live embedded widget header/message/footer inspected"
|
||||
},
|
||||
"all_code_native_approved": false,
|
||||
"semantic_media_policy": "Portraits generated and extracted; brand and paper emblems exported as native SVG assets."
|
||||
}
|
||||
Reference in new issue
Block a user