From fd1525e032b1bf3cc41c0879363de3cfcf66041d Mon Sep 17 00:00:00 2001 From: Rajan Maurya Date: Wed, 7 Jan 2026 15:26:34 +0530 Subject: [PATCH] Revert "feat(design): add design-tokens.json for 9 features" This reverts commit 3460d29fdbeabeba9e2d486d55c5f8b8c011c5ab. --- .../accounts/mockups/design-tokens.json | 260 ------------------ .../beneficiary/mockups/design-tokens.json | 39 --- .../features/home/mockups/design-tokens.json | 48 ---- .../loan-account/mockups/design-tokens.json | 43 --- .../notification/mockups/design-tokens.json | 44 --- .../mockups/design-tokens.json | 42 --- .../mockups/design-tokens.json | 44 --- .../share-account/mockups/design-tokens.json | 40 --- .../transfer/mockups/design-tokens.json | 50 ---- 9 files changed, 610 deletions(-) delete mode 100644 claude-product-cycle/design-spec-layer/features/accounts/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/beneficiary/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/home/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/loan-account/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/notification/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/recent-transaction/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/savings-account/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/share-account/mockups/design-tokens.json delete mode 100644 claude-product-cycle/design-spec-layer/features/transfer/mockups/design-tokens.json diff --git a/claude-product-cycle/design-spec-layer/features/accounts/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/accounts/mockups/design-tokens.json deleted file mode 100644 index 96b781bb6..000000000 --- a/claude-product-cycle/design-spec-layer/features/accounts/mockups/design-tokens.json +++ /dev/null @@ -1,260 +0,0 @@ -{ - "feature": "accounts", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { - "start": "#667EEA", - "end": "#764BA2", - "angle": 45 - }, - "solid": "#667EEA" - }, - "secondary": { - "gradient": { - "start": "#11998E", - "end": "#38EF7D" - } - }, - "surface": { - "light": "#FFFFFF", - "dark": "#0D1117" - }, - "background": { - "light": "#F8F9FA", - "dark": "#0D1117" - }, - "card": { - "light": "#FFFFFF", - "dark": "#161B22" - }, - "text": { - "primary": { - "light": "#1F2937", - "dark": "#F0F6FC" - }, - "secondary": { - "light": "#6B7280", - "dark": "#8B949E" - } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757", - "warning": "#FFB800", - "info": "#667EEA" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "netWorth": { - "size": "36sp", - "weight": "800", - "lineHeight": "44dp" - }, - "accountBalance": { - "size": "24sp", - "weight": "700", - "lineHeight": "32dp" - }, - "sectionHeader": { - "size": "16sp", - "weight": "600", - "lineHeight": "24dp" - }, - "body": { - "size": "14sp", - "weight": "400", - "lineHeight": "20dp" - }, - "caption": { - "size": "12sp", - "weight": "500", - "lineHeight": "16dp" - } - }, - "spacing": { - "xs": "4dp", - "sm": "8dp", - "md": "12dp", - "lg": "16dp", - "xl": "20dp", - "xxl": "24dp", - "xxxl": "32dp" - }, - "radius": { - "sm": "8dp", - "md": "12dp", - "lg": "16dp", - "xl": "20dp", - "card": "20dp" - } - }, - "screens": [ - { - "id": "main-accounts", - "name": "Main Accounts View", - "description": "Financial command center with net worth, analytics, and account cards", - "components": ["net-worth-card", "spending-analytics", "ai-insight-card", "account-card", "bill-reminder"] - }, - { - "id": "goals-tab", - "name": "Goals Tab View", - "description": "Gamified savings goals with achievements", - "components": ["goals-overview", "achievement-badge", "goal-card"] - }, - { - "id": "category-drilldown", - "name": "Spending Category Drill-Down", - "description": "Detailed category spending view", - "components": ["category-chart", "sub-category-list", "transaction-list"] - }, - { - "id": "loading", - "name": "Loading State", - "description": "Shimmer placeholders during data fetch", - "components": ["shimmer-card", "shimmer-chart"] - }, - { - "id": "empty", - "name": "Empty State", - "description": "First-time user with suggestions", - "components": ["empty-illustration", "suggestion-card"] - }, - { - "id": "error", - "name": "Error State", - "description": "Connection error with retry", - "components": ["error-illustration", "retry-button"] - }, - { - "id": "offline", - "name": "Offline State", - "description": "Cached data view", - "components": ["offline-banner", "cached-account-card"] - } - ], - "components": [ - { - "id": "net-worth-card", - "name": "Net Worth Card", - "specs": { - "background": "gradient", - "radius": "20dp", - "padding": "24dp", - "amountSize": "36sp", - "amountWeight": "800" - } - }, - { - "id": "financial-health-score", - "name": "Financial Health Score", - "specs": { - "ringSize": "80dp", - "ringStroke": "8dp", - "scoreSize": "28sp", - "scoreWeight": "700" - } - }, - { - "id": "spending-analytics", - "name": "Spending Analytics Chart", - "specs": { - "barWidth": "24dp", - "barRadius": "4dp", - "barSpacing": "12dp", - "maxHeight": "120dp" - } - }, - { - "id": "category-chip", - "name": "Category Chip", - "specs": { - "height": "44dp", - "iconSize": "20dp", - "amountSize": "14sp", - "progressHeight": "4dp" - } - }, - { - "id": "ai-insight-card", - "name": "AI Insight Card", - "specs": { - "iconSize": "40dp", - "background": "gradient-5%", - "border": "1dp primary-20%", - "radius": "16dp" - } - }, - { - "id": "achievement-badge", - "name": "Achievement Badge", - "specs": { - "size": "64x80dp", - "iconContainer": "48dp", - "iconSize": "28dp", - "labelSize": "10sp" - } - }, - { - "id": "account-card", - "name": "Account Card", - "specs": { - "radius": "20dp", - "padding": "20dp", - "iconContainer": "48dp", - "balanceSize": "24sp", - "elevation": "2dp" - } - }, - { - "id": "goal-progress", - "name": "Goal Progress Bar", - "specs": { - "height": "8dp", - "radius": "4dp", - "trackColor": "#E5E7EB", - "fillGradient": true - } - }, - { - "id": "bill-reminder", - "name": "Bill Reminder Card", - "specs": { - "overdueBackground": "#FF4757-10%", - "dueSoonBackground": "#FFB800-10%", - "normalBackground": "surface" - } - } - ], - "animations": { - "pageLoad": { - "staggerDelay": "50ms", - "itemDuration": "300ms", - "easing": "DecelerateInterpolator" - }, - "scoreCounter": { - "duration": "800ms", - "easing": "DecelerateInterpolator" - }, - "chartBarGrow": { - "duration": "400ms", - "easing": "DecelerateInterpolator" - }, - "cardPress": { - "scale": "0.98", - "duration": "100ms" - }, - "swipeReveal": { - "threshold": "80dp", - "snapDuration": "200ms" - }, - "pullRefresh": { - "triggerDistance": "64dp", - "indicatorSize": "40dp" - } - } -} diff --git a/claude-product-cycle/design-spec-layer/features/beneficiary/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/beneficiary/mockups/design-tokens.json deleted file mode 100644 index a8fc064b3..000000000 --- a/claude-product-cycle/design-spec-layer/features/beneficiary/mockups/design-tokens.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "feature": "beneficiary", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "title": { "size": "20sp", "weight": "600" }, - "body": { "size": "14sp", "weight": "400" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" } - }, - "screens": [ - { "id": "beneficiary-list", "name": "Beneficiary List", "components": ["beneficiary-card", "search-bar", "fab"] }, - { "id": "add-beneficiary", "name": "Add Beneficiary", "components": ["form-input", "bank-selector", "primary-button"] }, - { "id": "beneficiary-detail", "name": "Beneficiary Detail", "components": ["avatar", "info-row", "action-button"] } - ], - "components": [ - { "id": "beneficiary-card", "specs": { "height": "72dp", "avatarSize": "48dp", "radius": "16dp" } }, - { "id": "bank-selector", "specs": { "height": "56dp", "iconSize": "24dp" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/home/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/home/mockups/design-tokens.json deleted file mode 100644 index bcf4fad33..000000000 --- a/claude-product-cycle/design-spec-layer/features/home/mockups/design-tokens.json +++ /dev/null @@ -1,48 +0,0 @@ -{ - "feature": "home", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "card": { "light": "#FFFFFF", "dark": "#161B22" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757", - "warning": "#FFB800" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "greeting": { "size": "28sp", "weight": "700" }, - "balance": { "size": "32sp", "weight": "800" }, - "sectionTitle": { "size": "18sp", "weight": "600" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp", "xxl": "32dp" }, - "radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp", "full": "9999dp" } - }, - "screens": [ - { "id": "home-main", "name": "Home Dashboard", "components": ["greeting-card", "balance-card", "quick-actions", "recent-transactions", "promo-card"] }, - { "id": "home-loading", "name": "Loading State", "components": ["shimmer-card", "shimmer-list"] }, - { "id": "home-empty", "name": "Empty State", "components": ["empty-illustration", "cta-button"] } - ], - "components": [ - { "id": "balance-card", "specs": { "background": "gradient", "radius": "24dp", "padding": "24dp" } }, - { "id": "quick-action", "specs": { "size": "64dp", "iconSize": "28dp", "radius": "16dp" } }, - { "id": "transaction-item", "specs": { "height": "72dp", "iconSize": "40dp" } }, - { "id": "promo-card", "specs": { "height": "120dp", "radius": "20dp" } } - ], - "animations": { - "balanceReveal": { "duration": "600ms", "easing": "DecelerateInterpolator" }, - "quickActionPress": { "scale": "0.95", "duration": "100ms" } - } -} diff --git a/claude-product-cycle/design-spec-layer/features/loan-account/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/loan-account/mockups/design-tokens.json deleted file mode 100644 index ee29f4303..000000000 --- a/claude-product-cycle/design-spec-layer/features/loan-account/mockups/design-tokens.json +++ /dev/null @@ -1,43 +0,0 @@ -{ - "feature": "loan-account", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757", - "warning": "#FFB800", - "overdue": "#FF4757" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "loanBalance": { "size": "28sp", "weight": "700" }, - "paymentAmount": { "size": "24sp", "weight": "600" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" } - }, - "screens": [ - { "id": "loan-detail", "name": "Loan Account Detail", "components": ["loan-summary-card", "repayment-progress", "payment-schedule", "transaction-list"] }, - { "id": "loan-schedule", "name": "Repayment Schedule", "components": ["schedule-item", "payment-status-badge"] }, - { "id": "loan-payment", "name": "Make Payment", "components": ["amount-input", "payment-method", "confirm-button"] } - ], - "components": [ - { "id": "loan-summary-card", "specs": { "background": "gradient", "radius": "20dp" } }, - { "id": "repayment-progress", "specs": { "height": "12dp", "radius": "6dp" } }, - { "id": "schedule-item", "specs": { "height": "80dp", "statusBadgeSize": "24dp" } }, - { "id": "payment-due-card", "specs": { "background": "warning-10%", "radius": "16dp" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/notification/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/notification/mockups/design-tokens.json deleted file mode 100644 index de89e792a..000000000 --- a/claude-product-cycle/design-spec-layer/features/notification/mockups/design-tokens.json +++ /dev/null @@ -1,44 +0,0 @@ -{ - "feature": "notification", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "unread": { "light": "#F0F4FF", "dark": "#1A1F36" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757", - "warning": "#FFB800", - "info": "#667EEA" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "title": { "size": "16sp", "weight": "600" }, - "body": { "size": "14sp", "weight": "400" }, - "timestamp": { "size": "12sp", "weight": "400" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "card": "16dp" } - }, - "screens": [ - { "id": "notification-list", "name": "Notification List", "components": ["notification-card", "filter-chips", "mark-all-read"] }, - { "id": "notification-detail", "name": "Notification Detail", "components": ["detail-header", "content-body", "action-buttons"] }, - { "id": "notification-empty", "name": "Empty State", "components": ["empty-illustration", "settings-link"] } - ], - "components": [ - { "id": "notification-card", "specs": { "height": "88dp", "iconSize": "40dp", "unreadIndicator": "8dp" } }, - { "id": "filter-chip", "specs": { "height": "36dp", "radius": "18dp" } }, - { "id": "type-icon", "specs": { "size": "40dp", "radius": "12dp" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/recent-transaction/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/recent-transaction/mockups/design-tokens.json deleted file mode 100644 index 2f6ea3f57..000000000 --- a/claude-product-cycle/design-spec-layer/features/recent-transaction/mockups/design-tokens.json +++ /dev/null @@ -1,42 +0,0 @@ -{ - "feature": "recent-transaction", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "transaction": { - "credit": "#00D09C", - "debit": "#FF4757", - "pending": "#FFB800" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "amount": { "size": "16sp", "weight": "600" }, - "description": { "size": "14sp", "weight": "500" }, - "date": { "size": "12sp", "weight": "400" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "card": "16dp" } - }, - "screens": [ - { "id": "transaction-list", "name": "Transaction List", "components": ["transaction-item", "date-header", "filter-bar", "search"] }, - { "id": "transaction-detail", "name": "Transaction Detail", "components": ["amount-display", "detail-row", "receipt-button"] }, - { "id": "transaction-filter", "name": "Filter Modal", "components": ["date-picker", "type-selector", "apply-button"] } - ], - "components": [ - { "id": "transaction-item", "specs": { "height": "72dp", "iconSize": "40dp", "iconRadius": "12dp" } }, - { "id": "date-header", "specs": { "height": "32dp", "textSize": "12sp", "background": "#F3F4F6" } }, - { "id": "amount-badge", "specs": { "creditColor": "#00D09C", "debitColor": "#FF4757" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/savings-account/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/savings-account/mockups/design-tokens.json deleted file mode 100644 index 0d8b487ea..000000000 --- a/claude-product-cycle/design-spec-layer/features/savings-account/mockups/design-tokens.json +++ /dev/null @@ -1,44 +0,0 @@ -{ - "feature": "savings-account", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "secondary": { - "gradient": { "start": "#11998E", "end": "#38EF7D" } - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "interest": "#11998E" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "balance": { "size": "32sp", "weight": "800" }, - "interestRate": { "size": "20sp", "weight": "600" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" } - }, - "screens": [ - { "id": "savings-detail", "name": "Savings Account Detail", "components": ["balance-card", "interest-info", "goal-progress", "transaction-list", "quick-actions"] }, - { "id": "savings-deposit", "name": "Deposit Screen", "components": ["amount-input", "source-selector", "confirm-button"] }, - { "id": "savings-withdraw", "name": "Withdraw Screen", "components": ["amount-input", "destination-selector", "confirm-button"] } - ], - "components": [ - { "id": "balance-card", "specs": { "background": "gradient", "radius": "24dp", "padding": "24dp" } }, - { "id": "interest-badge", "specs": { "background": "#11998E-15%", "textColor": "#11998E", "radius": "8dp" } }, - { "id": "goal-progress", "specs": { "height": "8dp", "radius": "4dp" } }, - { "id": "quick-action-button", "specs": { "size": "56dp", "iconSize": "24dp" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/share-account/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/share-account/mockups/design-tokens.json deleted file mode 100644 index 0c4c12c22..000000000 --- a/claude-product-cycle/design-spec-layer/features/share-account/mockups/design-tokens.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "feature": "share-account", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "dividend": "#11998E" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "shareValue": { "size": "28sp", "weight": "700" }, - "shareCount": { "size": "20sp", "weight": "600" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" }, - "radius": { "sm": "8dp", "md": "12dp", "card": "20dp" } - }, - "screens": [ - { "id": "share-detail", "name": "Share Account Detail", "components": ["value-card", "share-breakdown", "dividend-info", "transaction-list"] }, - { "id": "buy-shares", "name": "Buy Shares", "components": ["share-input", "cost-calculator", "confirm-button"] }, - { "id": "sell-shares", "name": "Sell Shares", "components": ["share-input", "value-preview", "confirm-button"] } - ], - "components": [ - { "id": "value-card", "specs": { "background": "gradient", "radius": "20dp" } }, - { "id": "share-breakdown", "specs": { "approved": "#00D09C", "pending": "#FFB800" } }, - { "id": "dividend-card", "specs": { "background": "#11998E-10%", "radius": "16dp" } } - ] -} diff --git a/claude-product-cycle/design-spec-layer/features/transfer/mockups/design-tokens.json b/claude-product-cycle/design-spec-layer/features/transfer/mockups/design-tokens.json deleted file mode 100644 index 7851cfa29..000000000 --- a/claude-product-cycle/design-spec-layer/features/transfer/mockups/design-tokens.json +++ /dev/null @@ -1,50 +0,0 @@ -{ - "feature": "transfer", - "generated": "2026-01-07", - "tool": "google-stitch", - "version": "2.0", - "tokens": { - "colors": { - "primary": { - "gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 }, - "solid": "#667EEA" - }, - "surface": { "light": "#FFFFFF", "dark": "#0D1117" }, - "text": { - "primary": { "light": "#1F2937", "dark": "#F0F6FC" }, - "secondary": { "light": "#6B7280", "dark": "#8B949E" } - }, - "semantic": { - "success": "#00D09C", - "error": "#FF4757", - "pending": "#FFB800" - } - }, - "typography": { - "fontFamily": "Inter, system-ui, sans-serif", - "amount": { "size": "36sp", "weight": "800" }, - "accountName": { "size": "16sp", "weight": "600" } - }, - "spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp", "xxl": "32dp" }, - "radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" } - }, - "screens": [ - { "id": "transfer-type", "name": "Transfer Type Selection", "components": ["transfer-option-card", "recent-transfers"] }, - { "id": "transfer-form", "name": "Transfer Form", "components": ["account-selector", "amount-input", "beneficiary-picker", "note-input"] }, - { "id": "transfer-review", "name": "Review Transfer", "components": ["summary-card", "fee-breakdown", "confirm-button"] }, - { "id": "transfer-success", "name": "Transfer Success", "components": ["success-animation", "receipt-card", "share-button"] }, - { "id": "transfer-pending", "name": "Transfer Pending", "components": ["pending-animation", "status-timeline"] } - ], - "components": [ - { "id": "transfer-option-card", "specs": { "height": "80dp", "iconSize": "40dp", "radius": "16dp" } }, - { "id": "account-selector", "specs": { "height": "72dp", "avatarSize": "48dp" } }, - { "id": "amount-input", "specs": { "height": "80dp", "fontSize": "36sp", "cursorColor": "#667EEA" } }, - { "id": "summary-card", "specs": { "background": "gradient-5%", "radius": "20dp" } }, - { "id": "success-checkmark", "specs": { "size": "80dp", "strokeWidth": "4dp", "color": "#00D09C" } } - ], - "animations": { - "amountTyping": { "scale": "1.02", "duration": "100ms" }, - "successCheckmark": { "drawDuration": "400ms", "bounceDuration": "200ms" }, - "confetti": { "particleCount": 50, "duration": "1200ms" } - } -}