Xtasy Play

X-Tasy B 面(全球消费娱乐产品)网站设计稿 · 静态渲染总览 · 代号待 D1 决策

Desktop flows

Age Gate & Region
Age Gate & Region1440×1070

First-visit age gate modal over the blurred landing, with the two variant states designers must see: region-blocked and Mature-verification-required.

Character · Seraphine
Character · Seraphine1440×2920

Public character page where the three pillars meet: Chat / Watch / Make as parallel CTAs, plus Stories, Gallery, About tabs and similar characters.

Chat · Nova
Chat · Nova1440×2520

Three-column consumer chat: conversation list, thread with free text and priced media actions, right character panel; includes generating bubble and out-of-coins inline card variants.

Light Create
Light Create1440×4360

Template gallery → 3-parameter generator (prefilled from Watch) → generating → result → post, with the out-of-coins sheet and the hidden Studio hand-off; no canvas anywhere.

Create Character
Create Character1440×3640

Three-step custom character wizard (Look → Persona → Voice & review) with quota, content-mode gating and the done state; stores persona + locked look only, never exposing mid-platform assets.

Landing
Landing1440×3810

Logged-out marketing home: make the three pillars (Chat / Watch / Create) readable in one screen, show the cast and stories, tease pricing, and carry the 18+ compliance strip.

Library
Library1440×2260

Consumer-side trimmed view of the shared asset library: saved characters, saved stories, my creations (with generating / failed states) and my characters; Studio export hidden behind Advanced mode.

Discover (Home)
Discover (Home)1440×4210

Entry artboard: the logged-in home where all three pillars have an entry in the order Character → Watch → Create, with a Continue row for retention and the global top nav fully specified.

Me · Settings & Safety
Me · Settings & Safety1440×3520

Account settings for a consumer: plan and cancellation, content mode and age verification, privacy and memory, safety (reports, blocks), account deletion, legal index.

Onboarding
Onboarding1440×2930

Three-step onboarding shown stacked: content mode, taste tags, first character — ending on a character (not a canvas), with Skip always visible and the welcome-coins toast.

Plans & Coins
Plans & Coins1440×3230

Shadow pricing page (D6): subscription as entry ticket, coins as profit — three tiers with annual anchor, coin cost table, packs, billing descriptor and FAQ.

Wallet
Wallet1440×3710

The single consumer-facing coin view (1 coin = 1 mid-platform credit): balance and renewal, quick packs, what-you-can-make, transaction history, billing; includes low-balance and out-of-coins banners.

Watch feed
Watch feed1440×2370

Immersive vertical-clip feed on desktop with the 'Make one like this' funnel button, character side panel, and Up-next strip; full-bleed dark exception to the grid.

System

Xtasy Play Design System
Xtasy Play Design System1440×14570

Component and token sheet for the B-side shell: reuses the mid-platform red-black-gold tokens (globals.css) with Liquid Noir as default, and defines Play-specific components (Coins pill, cost tag, tab bar, state cards, age gate).

Direction B · Standalone brand (lo-fi)
Direction B · Standalone brand (lo-fi)1440×5270

Low-fidelity alternate direction to support D1: same IA and flows, but a standalone brand — placeholder name, non-red-black-gold palette, different tone — shown as Discover / Watch / Chat wireframes with a pros-and-cons column.

Sitemap & Flows
Sitemap & Flows1440×2130

One-canvas overview of the IA: the sitemap tree, the six key flows as swimlanes, and the shared-vs-isolated legend against the mid-platform.

Mobile

Mobile · Character
Mobile · Character390×1530

Mobile character page: full-bleed portrait with overlaid identity, stats, tabs, and a sticky bottom CTA group (Start chat / Watch / Make).

Mobile · Chat
Mobile · Chat390×2550

Mobile conversation with Nova: memory chip, thread with priced image message, quick-action chips and composer; out-of-coins half sheet peeking as the state variant.

Mobile · Create
Mobile · Create390×2460

Mobile light-create: template sheet, 3-param generator with cost line, generating state and result with Post / Save; demonstrates that create never starts from a blank prompt.

Mobile · Discover
Mobile · Discover390×2240

Mobile home: header with coins pill, featured hero, continue row, trending grid and the 5-tab bottom bar with raised Create.

Mobile · Watch
Mobile · Watch390×1690

Full-screen vertical clip feed with right action rail (incl. Make one like this), top For You / Following tabs and translucent tab bar; the mobile heart of the watch-first funnel.