Navigation & Layout
Overview of the Qubitz AI landing page, global navigation bar, project selection hub, and theme system.
Navigation & Layout
Landing Page
The Qubitz AI landing page (qubitz.ai) is the entry point for all users. It presents the platform's value proposition and provides access to authentication.
Global Navigation Bar
The navigation bar is fixed at the top of every page with the following elements:
| Position | Element | Description |
|---|---|---|
| Left | Qubitz Logo | Multicolor cross icon (orange, blue, green, yellow quadrants). Clicking navigates to the landing page. |
| Left | Projects | Link to the Project Selection hub (/select) |
| Left | Security centre | Link to the Security Centre page |
| Right | Login / Avatar | Before auth: "Login" button. After auth: green avatar circle with initial letter. |
| Right | Log Out | Visible only when authenticated |
| Right | Theme Toggle | Dark/light mode switch (moon/sun icon) |
Login & Authentication
Click the Login button in the top-right corner of the navigation bar. Qubitz supports standard email/password authentication. After successful login, the Login button is replaced with your user avatar (green circle with initial letter) and a Log Out button.
Your session persists across all platform pages. The green user avatar remains visible in the top-right corner of every page throughout your session.
Project Selection Hub
The Project Selection page (/select) presents the three core modules as large cards with 3D geometric illustrations (pink/purple spheres and diamond shapes). Each card includes a title, description, and status indicator. Click any card to enter that module.
After authentication, users land on the Project Selection page (/select). This is the central hub presenting three pathways into the platform.
Theme System
Qubitz AI ships with a dark-first design. The default theme uses very dark backgrounds (#0a0a0a to #0c0c0c) with elevated card surfaces (#141414) and subtle borders (#1e1e1e). A light mode is available via the theme toggle in the navigation bar.
