5865 - **Pain Points**: Time-consuming manual reviews, lack of transparency in automated systems.
5966
6067 #### **System Administrator**
61-- **Role**: IT personnel managing the TenderSight AI platform.
68+- **Role**: IT personnel managing the Cosmic-Architecture platform.
6269 - **Goals**: Ensure system reliability, configure evaluation criteria, and manage user access.
6370 - **Pain Points**: Complexity in managing configurations and ensuring data security.
6471
6572 #### **Developer**
66-- **Role**: External developer integrating TenderSight AI with other systems.
73+- **Role**: External developer integrating Cosmic-Architecture with other systems.
6774 - **Goals**: Access APIs for decision rationales and evidence graph data.
6875 - **Pain Points**: Lack of clear documentation or debugging tools.
76+
77+#### **User**
78+- **Role**: General user accessing the system for tender evaluations.
79+- **Goals**: Experience a fast, seamless, and intuitive interface.
80+- **Pain Points**: Slow processing times and performance bottlenecks.
6981
7082 ---
7183
7284 ### **5. Visuals Colors and Theme**
7385
7486 #### **Color Palette**
75-- **Primary**: #2A4D69 (Deep Navy Blue)
76-- **Primary Light**: #4F7A9A (Soft Sky Blue)
77-- **Secondary**: #F18F01 (Vibrant Amber)
78-- **Accent**: #D72638 (Crimson Red)
79-- **Highlight**: #F9C80E (Golden Yellow)
80-- **Background (bg)**: #F4F4F9 (Light Gray)
81-- **Surface**: rgba(255, 255, 255, 0.9) (White with slight transparency)
82-- **Text**: #1C1C1C (Charcoal Black)
83-- **Text Muted**: #6C757D (Muted Gray)
84-- **Border**: rgba(0, 0, 0, 0.1) (Subtle Black)
85-
86----
87-
88-### **6. Signature Design Concept**
89-
90-**Interactive Evidence Graph Explorer**
91-
92-The homepage will feature an **interactive evidence graph** that visually represents the evaluation process. Each node in the graph corresponds to a tender criterion, extracted data point, or evaluation status. Users can:
93-- **Hover** over nodes to see a tooltip with key details (e.g., "ISO 9001 extracted from Certifications.pdf, Page 12").
94-- **Click** on nodes to expand detailed information, including source metadata and decision rationale.
95-- **Drag** and rearrange nodes to explore relationships dynamically.
96-
97-The graph will use **@react-three/fiber** for 3D rendering and **d3.js** for force-directed layouts. Smooth animations will guide users as they interact with the graph, creating an engaging and intuitive experience.
87+- **Primary**: #1E3A8A (Deep Indigo Blue)
88+- **Primary Light**: #3B82F6 (Bright Sky Blue)
89+- **Secondary**: #F59E0B (Golden Amber)
90+- **Accent**: #EF4444 (Vivid Red)
91+- **Highlight**: #FACC15 (Bright Yellow)
92+- **Background (bg)**: #F3F4F6 (Soft Gray)
93+- **Surface**: rgba(255, 255, 255, 0.95) (White with slight transparency)
94+- **Text**: #111827 (Dark Charcoal)
95+- **Text Muted**: #6B7280 (Muted Gray)
96+- **Border**: rgba(17, 24, 39, 0.1) (Subtle Charcoal)
9897
9998 ---
10099
101100 <!-- pagebreak -->
102101
102+### **6. Signature Design Concept**
103+
104+**Interactive Blueprint Explorer**
105+
106+The homepage will feature an **interactive blueprint-inspired design** that visually represents the system's architecture and evaluation process. Users will see:
107+- **Blueprint-style animations**: Sections of the homepage will appear as if being drawn in real-time, mimicking an architectural blueprint.
108+- **Interactive Nodes**: Clicking on nodes (representing system features) will expand detailed explanations and animations.
109+- **Dynamic Zooming**: Users can zoom in and out of the blueprint to explore different layers of the system, such as the Evidence Graph, Evaluation Engine, and Explainability API.
110+
111+The design will use **@react-three/fiber** for 3D rendering and **gsap** for smooth animations. The interactive experience will make the homepage both engaging and informative, leaving a lasting impression.
112+
113+---
114+
103115 ### **7. Interaction Model & Motion Direction**
104116
105117 #### **Landing Page Interaction Model**
106118 - **Type**: Parallax
107-- **Details**: The landing page will feature layered depth effects, with the evidence graph as the centerpiece. Scrolling will reveal different sections, such as system features, user testimonials, and a demo video.
119+- **Details**: The landing page will feature layered depth effects, with the interactive blueprint as the centerpiece. Scrolling will reveal different sections, such as system features, user testimonials, and a demo video.
108120
109121 #### **Internal Pages Interaction Model**
110122 - **Type**: Animated
No comments yet. Be the first!