Product Requirements — Overview
The product specification for AMADEQ Web Platform.
Date: 2026-06-04 Design: Figma — Agent brand book (Copy) Status: in development
note
This is the product-side specification. For the pixel-level implementation contract, see Pixel-Perfect Handoff; the two are complementary and the Figma dossier wins on exact geometry.
1. Product description
AMADEQ is an AI platform for personalized learning with real-time AI avatars built in Unreal Engine. The system comprises:
- the website (landing page plus application);
- a marketplace of AI agents;
- an interactive demo with chat and a 3D avatar;
- a road map;
- download pages for the mobile and desktop applications.
Target audience: people with special needs, children, entrepreneurs, and self-directed learners.
2. Design system
2.1 Colours
| Token | HEX | Use |
|---|---|---|
| Prussian Blue | #0D2440 | Backgrounds, navigation |
| Alice Blue | #E7F0FA | Text on dark backgrounds |
| Lemon Chiffon | #FFF2C2 | Accents, subheadings |
| Sunflower Gold | #E6B84C | CTA buttons, price |
| Jasmine | #F2D27A | Hover states, decoration |
Background: a dark blue gradient (#0D2440 → #0A1A30) with a "stars" effect and 3D planets.
2.2 Typography
| Font | Weights | Use |
|---|---|---|
| Alexandria | Medium 500, Regular 400, Light 300 | Headings, UI text |
| Space Grotesk | Bold 700, Regular 400, Light 300 | Body text, cards |
2.3 UI components
- Buttons: rounded-full, gold gradient or a transparent border.
- Cards: dark background with a blue border / glass-morphism effect.
- Navigation icons: glowing planets with orbits.
- Badges and tags: rounded-full, Alice Blue background.
3. Page structure
3.1 Navigation
The right vertical navigation rail is fixed and present on every section:
| Icon | Name | Anchor |
|---|---|---|
| 🪐 | Main page | #hero |
| 🔵 | Application | #application |
| 🤝 | Collaboration | #collaboration |
| 💲 | Pricing | #pricing |
| 🗺️ | Roadmap | #roadmap |
| 🎬 | Demonstration | #demo |
| ✨ | Interactive | #interactive |
The top header on the Hero section carries:
- the AMADEQ logo (left);
- the counter
60 days : 12 hours : 24 min Until Launch(centre); - the
Sign In/Sign Upbuttons (right); - a globe for language selection: EN, ES, DE, UA, IT.
Contents
| Part | Page |
|---|---|
| The 13 landing sections, in scroll order | Landing Sections |
| The settings overlay and its six tabs | Settings |
| Agent library, marketplace detail, and creator views | Agents |
| Sign-up, sign-in, and the three onboarding steps | Auth & Onboarding |
| The 18 mobile landing screens | Mobile Landing |
| Mobile settings and mobile agent screens | Mobile App |
| Stack, delivery phases, responsiveness, SEO, a11y, open questions | Delivery |