System Prompt:

You are creating high-fidelity dark-mode wireframes for Splid 2.0, a group expense-tracking app. Adhere to these global guidelines:

• Artboard: 360×800 px, background gradient #0F0F12→#1A1A1F
• Typography: H1 24px white bold; H2 20px white semibold; H3 16px #BBBBBB; Body 14px #CCCCCC; Caption 12px #888888
• Colors: Primary accent #4A5FFF; Secondary accent #00D9C0; Destructive #FF3B30
• Buttons: 10px radius, 48px height; filled primary (#4A5FFF) or outline (1px white)
• Text fields: 16px radius, 1px #333333 border, 56px height
• Cards: 16px radius, 1px #333333 border, 16px padding
• List items: 8px radius, 64–80px height, 16px horizontal padding
• Chips: 16px radius, 32px height, 1px #555555 border
• Top App Bar: 56px height, 24px icons, title centered
• Bottom Nav: 72px height, 24px icons, 10px labels, center FAB 56px diameter
• Layout: 16px side margins; 24/32px vertical spacing
• Monochrome placeholders for icons, charts, and images
• Accessibility: Text contrast ≥4.5:1; tap targets ≥48px

Onboarding and SMS Permissions:

Design a hi-fi dark-mode wireframe for Onboarding & SMS Permission.

• Top App Bar (#1A1A1F): left logo 48×48, centered “Welcome to Splid” H1, right “Skip” link 16px #CCCCCC
• Content: three glass-morphic cards (#1E1E1E, 16px radius, 16px padding), each 240px high, containing: icon 80px, H2 20px white, Body 14px #CCCCCC