Build this page as part of the Xora controlled prototype system. SYSTEM CONTEXT: Xora is not a social network or swipe app. It is a structured connection system. The product loop is: Enter → Set mode → See few → Open one → Decide → Return This page must fit into that loop as a clear system state. --- 1. DESIGN CONSISTENCY (STRICT) - Use existing styles.css only - Use existing classes only (page, section, cards, button, hero, etc.) - Do not create new UI systems or styling patterns - Match layout, spacing, and structure from app.html and connection.html - Keep visual consistency across all pages --- 2. PRODUCT PHILOSOPHY (NON-NEGOTIABLE) - Fewer, better-aligned connections - No infinite feeds or scrolling loops - Clear decisions over passive interaction - Real-world movement over chat - “Not a fit is not failure” --- 3. SYSTEM STATE THINKING (CRITICAL) This page must represent a STATE, not just content. Define clearly: - Where is the user coming from? - What just happened? - What decision is available now? - Where does the user go next? --- 4. STRUCTURE RULES Every page must include: - One clear headline (what state this is) - One primary action (what the user should do) - Optional secondary action (safe alternative) - No dead ends (always link back into the system) --- 5. FLOW INTEGRITY Always keep the loop intact: - Entry → onboarding → app → connection → decision → app This page must NOT break that loop. --- 6. MINIMALISM (ENFORCED) - No feature bloat - No unnecessary inputs - No fake complexity - No long forms unless essential - No extra UI just to fill space --- 7. TONE - Direct - Calm - Clear - Functional - No hype, no fluff --- 8. OUTPUT REQUIREMENT Return a clean HTML structure using existing components. Do not: - Explain the code - Add comments outside the page - Overbuild --- PAGE-SPECIFIC GOAL: Connection | Xora
X Xora
connection detail

Review the match before you move.

Xora does not just show a person. It shows why the connection exists, where it starts, what signals support it, and what the next step should be.

Back to app Understand origin Talk, plan, continue, or close with clarity.
Maya Selected match
84% compatibility signal
1 / 3 active connection slots
9:41 Connection
SELECTED MATCH

Maya

Weekend overlap, low-key first-meet style, direct communication, and nearby availability.

Why this person
Plain-language match reason
Focused Coffee Nearby

You both prefer simple plans, weekend availability, and low-pressure first meetings.

Next step
Move with clarity
Talk Plan Close

Open the conversation, suggest a simple plan, or close cleanly if it is not a fit.

Selected connection.

This screen turns a match into a decision. The user should understand the person, the origin, the fit, and the next move without guessing.

Maya
Focused · Weekend · Low-key
Focused Coffee Nearby

Why this person: you both prefer simple plans, weekend availability, and low-pressure first meetings.

84%

Compatibility signal

Strong overlap across mode, availability, meeting style, communication rhythm, and realistic next-step potential.

1 / 3

Active slot

Focused mode limits active connections so users move forward or close before opening more.

Origin record.

The origin record captures where this connection starts, why it matched, and what should happen next.

Where

Weekend coffee overlap

The connection starts around a low-pressure first meet that both people are likely to accept.

Why

Practical alignment

The match is supported by current mode, local availability, direct communication, and shared preference for simple plans.

Next

Move toward a plan

The best next step is a simple invitation, not another open-ended chat loop.

Origin status.

No origin action selected yet. Save the origin or choose the next step.

Compatibility signals.

Xora should explain the signal stack clearly. Users do not need algorithm language. They need understandable reasons.

01 Mode

Both users are in compatible connection states.

02 Time

Weekend availability creates a real path forward.

03 Style

Both prefer simple, low-pressure first meetings.

04 Behavior

Consistency and response rhythm support the match.

05 Next step

The connection has a clear action path.

Choose what happens next.

A connection should not sit forever. It should continue, move toward a plan, or close cleanly.

Talk

Continue conversation

Use this when the match makes sense but needs more conversation before a real-world step.

Plan

Suggest something simple

Use this when the connection has enough clarity to move toward a low-pressure first meet.

Close

Close cleanly

Use this when the fit is not there. No drama, no ghosting, no dead connection slot.

A match is not the goal. A clear next step is.

Xora helps people meet fewer, better-aligned people with real-world follow-through by turning every connection into a clear decision.

Return to app home