🪄 Universal UI Style Guide (applies to all screens) Color Theme:

Primary: #4A90E2 (Blue)

Accent: #FFB74D (Warm orange)

Secondary background: #F7F9FC

Text: #1F2937 (Dark grey), #6B7280 (Muted grey)

Fonts:

Heading: Inter, bold

Body: Inter, regular

Numbers: Space Grotesk or monospace for balance summaries

Padding and Margins:

Standard padding: p-4, large sections: p-6

Rounded corners: rounded-2xl for cards, rounded-full for buttons

Spacing between sections: gap-4 to gap-6

Button Style:

Primary buttons: Blue with white text

Secondary: Outlined or ghost buttons in grey

Rounded, no sharp edges

Card Style:

Soft shadows (shadow-md), white background

Icon on left, text on right

🖥️ Screen 1: Home Dashboard Prompt: "Design a sleek eWallet dashboard screen with the following layout: Top header with user’s name, avatar on right, and a bell icon for notifications.

A large balance card in the center (rounded-2xl, blue background #4A90E2) with total wallet balance in large text and a 'Top Up' button below it.

Below that, two horizontal cards:

“You Owe” (orange-tinted)

“Owed to You” (green-tinted)

Add a horizontal list of recent transactions under these cards, each item with:

Icon (user or service)

Title (like "Dinner at X")

Amount (positive/negative in color)

Date

Use clear headings, intuitive icons, and balance whitespace. Bottom navigation bar should have 4 icons: Home, Groups, Add, Wallet, Settings."