Pages
Contents
xPulse Chat – Landing Page Concept
Status: CONCEPT · Target Version: v1.3.0 Created as a companion to CONCEPT_xpulse-web.md
Goal
chat.xpulse.one gets its own landing page as an entry point for new and
returning users – before login or the app shell.
Currently there are only login and user areas. The landing page closes the gap: What is xPulse Chat, and how do I get started?
Context
| xpulse.one ← Brand page (shows all xPulse tools) |
| ↓ |
| chat.xpulse.one/ ← Chat landing page ← this concept |
| ↓ |
| chat.xpulse.one/login/ ← Login / registration |
| chat.xpulse.one/app/ ← App shell (logged-in users) |
Content & Structure
| ┌─────────────────────────────────┐ |
| │ │ |
| │ xPulse Chat │ ← Logo (xPulse dim, Chat accent) |
| │ ───────────────────── │ |
| │ P2P Messenger. Private. │ ← Tagline |
| │ Encrypted. No Server. │ |
| │ │ |
| │ [→ Get Started] │ ← CTA → /login |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ 🔒 End-to-end encrypted │ ← Feature Cards |
| │ ⬡ Peer-to-peer, no server │ |
| │ 📵 No data storage │ |
| │ 📦 Installable as PWA │ |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ ℹ How it works │ ← Brief explanation of peer pairing |
| │ │ |
| │ ───────────────────── │ |
| │ │ |
| │ xpulse.one · Privacy ... │ ← Footer |
| │ │ |
| └─────────────────────────────────┘ |
CTA
- Text:
→ Get Started(instead of "Open Chat" – leads directly to login) - Target:
/login - Logged-in users are redirected directly to the app shell (no CTA needed)
"How it works" Section
A brief, matter-of-fact explanation of the peer pairing concept – for new users who don't yet know what a "peer code" is.
| ┌─────────────────────────────────────────┐ |
| │ How it works │ |
| │ ─────────────────────────────────── │ |
| │ │ |
| │ 1. Create an account │ |
| │ Just a login – no name, │ |
| │ no email required. │ |
| │ │ |
| │ 2. Add a peer │ |
| │ Exchange a one-time │ |
| │ pairing code with your contact │ |
| │ – once, then saved. │ |
| │ │ |
| │ 3. Get started │ |
| │ Direct, encrypted │ |
| │ connection. No server in between. │ |
| │ │ |
| └─────────────────────────────────────────┘ |
Footer
Links to xpulse.one/* (not local) – consistent with the rest of the app:
| xpulse.one · Privacy · Terms of Service · Disclaimer · Imprint |
Design
Identical to xpulse.one – same style guide, same CSS custom properties,
same noise overlay. See CONCEPT_xpulse-web.md → Styleguide.
Logo Treatment
| xPulse Chat |
| ^^^^^^ ^^^^ |
| muted accent |
Analogous to the product card on xpulse.one – brand dimmed, product name in accent.
Distinction
xpulse.one |
chat.xpulse.one (Landing Page) |
|
|---|---|---|
| Focus | Brand / all tools | Chat product |
| CTA | → Tool cards | → Get Started (Login) |
| Features | Brand pills | Feature cards with description |
| "How it works" | no | yes |
| Legal | own sub-pages | Links to xpulse.one/* |
Implementation
- Base: The old
xpulse.oneindex.htmlbefore the brand/chat split - Adjustments: CTA text + target, logo treatment, "How it works" section, footer links
- Integrate into the app shell as route
/(before login guard) - Logged-in users: redirect from
/→ app shell
Release
| v1.3.0 App Shell Redesign + Chat Landing Page |