| 1 | # Product Context: AiToEarn Web |
| 2 | |
| 3 | ## Register |
| 4 | |
| 5 | product |
| 6 | |
| 7 | ## Purpose |
| 8 | |
| 9 | AiToEarn is an AI-assisted content growth and monetization workspace for creators, marketers, advertisers, operators, and creator teams. The product turns AI-assisted content creation into an end-to-end workflow: create, adapt, schedule, publish, and track content across multiple platforms with minimal repeated setup. |
| 10 | |
| 11 | Its core object is the Content Agent: a configurable AI creator that supports the full loop from content creation to platform adaptation, multi-account publishing, analytics, and monetization. |
| 12 | |
| 13 | ## Users |
| 14 | |
| 15 | - Creators and creator teams managing multi-platform publishing workflows. |
| 16 | - Brand and advertiser operators managing campaigns, tasks, and account interactions. |
| 17 | - Growth operators who need efficient content production, account binding, publishing, analytics, and monetization workflows. |
| 18 | - Marketers and operations teams who need reliable high-volume social content workflows. |
| 19 | |
| 20 | ## Product Principles |
| 21 | |
| 22 | - Keep complex publishing flows explicit, predictable, and recoverable. |
| 23 | - Keep task workflows calm, dense, and trustworthy; the interface should disappear into the work. |
| 24 | - Preserve familiar product UI conventions for forms, dialogs, tabs, media controls, and navigation. |
| 25 | - Use the brand purple-to-cyan gradient only for explicit action, state, progress, identity, and page seam roles. |
| 26 | - Keep work surfaces neutral, readable, and fully compatible with light and dark themes. |
| 27 | - Reuse shared components, tokens, and route conventions before adding new UI primitives. |
| 28 | - Optimize for fast decision-making in dense task surfaces. |
| 29 | |
| 30 | ## Brand Personality |
| 31 | |
| 32 | Professional, calm, efficient, modern, capable, and creator-friendly. The experience should feel like a reliable growth studio for high-volume content operations while still carrying AiToEarn's AI growth and monetization energy. |
| 33 | |
| 34 | ## Anti-References |
| 35 | |
| 36 | - Over-decorated work surfaces that distract from publishing, analysis, or campaign tasks. |
| 37 | - Inconsistent dialogs, forms, tabs, navigation affordances, or platform-specific flows that feel stitched together. |
| 38 | - Hard-to-read low-contrast controls or muted text on tinted surfaces. |
| 39 | - Full-bleed gradient backgrounds, gradient text, or ornamental brand effects that do not communicate action or state. |
| 40 | |
| 41 | ## Accessibility & Inclusion |
| 42 | |
| 43 | Use semantic controls, visible focus states, readable contrast, keyboard-operable dialogs and media controls, and motion that communicates state rather than decoration. Design should remain clear in light and dark themes. |