Skip to content

Likeness — Mockup Design Brief

What this document is

A brief for designing a clickable mockup of the Likeness platform. It exists so the design work can proceed without me in the room, and so that the resulting mockup is usable as a discussion artifact with three audiences: prospective cofounders, prospective creators, and pre-seed investors.

This is not a full product spec. It covers only the screens that matter for the mockup, with enough specificity that the right things stay consistent and the right things stay flexible.

What Likeness is

Likeness is a subscription platform where verified adult creators monetize controlled access to their own likeness. They upload real photos and videos like they would on OnlyFans, and they can also opt in to having a private AI model of themselves trained on the platform. Subscribers use that model to generate images within rules the creator sets, submit favorites for the creator's review, and access galleries the creator has approved.

Every output is watermarked, tied to a license, and revocable. Creators own the rights to their likeness throughout. Models never leave the platform.

The product is built consent-first, and the design needs to communicate that visually. The single most important impression a viewer should leave with is: the creator is in charge.

What the mockup needs to do

  1. Show the unique product surface area — specifically the license configuration and approval queue, which are the screens that don't exist anywhere else.
  2. Communicate the consent-first ethos visually — through information hierarchy, microcopy, and what's prominent versus buried.
  3. Be usable as a conversation starter — with creators ("does this feel like it respects you?"), cofounders ("does this look like a serious company?"), and investors ("is this a real product or a deck idea?").
  4. Avoid looking like a generic AI app or a generic adult site. Both visual registers are wrong.

Audience for the mockup

The mockup will be shown to people in roughly this order:

  • Adult industry creators evaluating whether the platform feels respectful
  • Prospective cofounders evaluating whether the product is real
  • Pre-seed investors evaluating whether the team can ship

The creator audience is the most important. If creators read the screens and feel they were designed for them rather than at them, the mockup is succeeding.

Hard constraints (read these first)

These are non-negotiable. Getting any of them wrong makes the mockup unusable.

  1. No real faces. Creator avatars and gallery images must use abstract placeholders — geometric shapes, color blocks, gradient tiles, or simple illustrative silhouettes. Never AI-generated faces, never stock photography of real people, never anything that could be mistaken for a real person's likeness.

  2. No explicit content, even implied. Gallery thumbnails should be solid color tiles or abstract patterns. No suggestive poses, no skin-tone gradients meant to evoke nudity, no "tasteful" silhouettes. The product is about adult content; the mockup is not.

  3. No lurid visual register. Avoid the entire visual vocabulary of the adult industry: hot pink, purple-pink gradients, neon, gloss, sparkles, italicized scripts, "sexy" iconography. The platform's positioning is the opposite of this.

  4. No generic AI-app register either. Avoid: gradient hero text, glassmorphism, accent lines under headers, hero sections with "✨ Powered by AI ✨" framing, decorative full-width colored bars, cream/beige backgrounds.

  5. No real names. All placeholder creator names should be clearly invented. Use the names listed in the per-screen content below.

  6. Microcopy must respect the user. No condescension, no "your AI twin awaits ✨," no breathless onboarding. Read the section on microcopy guidelines below.

Visual identity

The brand identity established in the founder brief and decks:

Token Value Usage
Primary dark #1A1F36 (deep navy) Headers, primary buttons, emphasis
Background #FFFFFF (white) Main surfaces
Surface tint #F4F3F0 (warm gray) Card backgrounds, subtle separation
Accent #C76F3D (terracotta) CTAs, key data, link color, important callouts
Muted text #6B7280 (warm gray) Secondary text, labels, captions
Border #E5E7EB (light gray) Subtle borders, dividers
Success #15803D (forest) Approved states, positive confirmations
Warning #B45309 (amber) Pending states, caution
Error #991B1B (deep red) Revoked states, blocked content, hard limits

Typography. Sans-serif throughout, modern but not tech-y. Inter, Söhne, or similar would all work. Avoid display fonts with personality (Söhne Breit, Druk) for body work. Use a single typeface family with weight contrast rather than two paired families.

Component register. Quiet. Generous whitespace. Subtle shadows where they help (cards, modals) but no decorative shadows. Square or barely-rounded corners (0–6px). No gradients except subtle background tints. Iconography clean and outlined, not filled or decorative.

Tone the design should evoke. Closer to a serious B2B platform like Linear, Stripe, or Notion than to a consumer adult site. The goal is "this is the place I run my business" not "this is where I have fun on the internet."

Screen inventory

Six screens. Designed for desktop first; mobile responsive but mobile-secondary.

  1. Marketing landing page — what a creator sees when they're sent the link
  2. Creator onboarding: identity & consent — the first real screen after invite acceptance
  3. Creator dashboard home — the daily-driver screen for an active creator
  4. License configuration — the differentiating screen, where rules are set
  5. Approval queue — the differentiating workflow, where submissions are reviewed
  6. Fan generation interface — what subscribers see when generating

How the screens connect — the creator path and the fan path meet at the approval queue:

flowchart LR
    subgraph creator["Creator path"]
        M[1 · Marketing] --> O[2 · Onboarding]
        O --> D[3 · Dashboard]
        D <-->|sidebar nav| L[4 · License]
        D --> Q[5 · Approval queue]
    end

    subgraph fan["Fan path"]
        F[6 · Fan generation] -->|license-gated| FO[Generated output]
        FO -->|submit to creator| Q
    end

    Q -->|approve public| GP[Public gallery]
    Q -->|approve private| GS[Subscriber download]
    Q -->|reject| R[Discarded]

    L -.->|rules govern| F

Screen 1 — Marketing landing page

Purpose. First impression for creators arriving via invite link. Communicates the value proposition, the consent-first ethos, and what makes this different from OnlyFans or any AI tool.

Primary user. Adult creator considering signing up. May or may not be technically sophisticated. Almost certainly skeptical.

Layout direction. Single-column, vertically scrolling. Generous spacing. Hero, then three or four sections that each occupy roughly a viewport height.

Required sections.

  • Hero. Wordmark "Likeness." A single-sentence value proposition: Creator-owned AI likeness, built consent-first. A subhead clarifying the practical version: License an AI version of yourself. Set the rules. Approve every output. Revoke any time. Two CTAs: primary "Apply for invite," secondary "How it works."
  • Three principles. Three columns, brief copy under each: "You own the model" / "You set the rules" / "You can revoke anything." Each with a small numeric label (01, 02, 03) in terracotta.
  • How it works. Four-step flow with icons: Verify → Train → Set rules → Approve. Brief copy under each step. Visual: numbered circles connected by a thin line, simple and clean.
  • What you control. A visual of the license configuration UI as a small preview, with copy explaining that creators define every category, tier, and permission. The visual should look like a screenshot of Screen 4 (license configuration), even if it's stylized.
  • What we don't do. A short, direct list: "We don't export model weights. We don't sell your data. We don't host content you didn't approve." Each line as a short statement, not a bullet point. Quietly powerful.
  • Footer. Sparse. "Likeness · Pre-seed · Invite-only." Plus links to a placeholder Terms, Privacy, and Compliance page.

Sample copy.

Hero subhead alternatives the designer can choose between: - License an AI version of yourself. Set the rules. Approve every output. Revoke any time. - Your likeness, your rules, your revenue. Built for creators, owned by creators.

Avoid any version of: "Unlock the future of AI content creation." That's the wrong register entirely.

Purpose. The first real screen after a creator accepts an invite. This screen is where the consent-first ethos is most visible. The creator should feel that the platform is taking the legal and consent work seriously, not asking them to click through it.

Primary user. Newly invited creator. Has clicked through from the marketing site or an emailed invite link.

Layout direction. Single-column, narrow content width (max ~640px). Multi-step indicator at top showing progress through onboarding. This is step 1 of about 5 (the others are not designed for this mockup but should be implied in the progress indicator: Verify → Sign agreements → Set up profile → Upload material → Configure license).

Required elements.

  • Progress indicator at top. Five steps. Step 1 active.
  • Section header. "Identity verification."
  • Plain-language explainer. Two short paragraphs explaining what's required and why. Tone: respectful and informational, not bureaucratic. Example copy:

Before you can publish on Likeness, we need to verify your identity. This is a legal requirement for adult content platforms, and it is also how the platform protects your likeness — only verified people can be on the system.

You'll need a government-issued ID and access to a phone or webcam for a brief liveness check. The whole process usually takes about ten minutes.

  • Three vertical steps within the screen.
  • Government ID upload (front and back)
  • Liveness check (button to launch)

  • Phone verification (input + send code)

  • Below the steps. A consent block titled "What you're agreeing to." Three short statements with checkboxes:

  • I confirm I am 18 or older.
  • I confirm the identity I'm verifying is my own.

  • I understand my information is held according to U.S. recordkeeping requirements (18 U.S.C. § 2257) and will be retained as required by law.

  • Footer of the screen. A single primary CTA: "Continue to agreements." Disabled until all steps complete.

Note for the designer. This screen is the platform's first chance to feel different from a generic adult site signup. The verification flow itself is standard, but the framing — explaining why in plain language, treating the creator as an adult — is the differentiator. Don't over-design it. Quiet and respectful is the goal.

Screen 3 — Creator dashboard home

Purpose. The home screen an active creator lands on. Shows them what's happening with their account at a glance and what needs their attention.

Primary user. Verified, active creator with subscribers and a published license.

Layout direction. Standard two-column dashboard. Left sidebar nav, main content area. Top bar with creator name/avatar and search.

Required elements.

  • Left sidebar. Navigation items: Home, Content, License, Approval Queue (with badge showing pending count), Subscribers, Earnings, Settings. The Approval Queue badge should show a number — let's say "7" — to indicate the queue is the active workflow.
  • Top bar. Avatar (abstract placeholder shape, not a face), creator name "Mara West," search field, notification bell.
  • Main content area, top row — KPI tiles. Four small tiles:
  • Active subscribers: 247
  • This month's earnings: $4,820
  • Pending approvals: 7
  • License status: Active (green dot)
  • Main content area, second row — "Needs your attention." A short list of 3–4 items that need review:
  • "7 fan submissions waiting for approval" (linked)
  • "1 subscriber requested a custom prompt category" (linked)
  • "Your license was viewed 32 times this week" (informational)
  • Main content area, third row — "Recent activity." A timeline-style list of the last 5–6 events: subscriptions, approvals, tips, generations. Each item has a small icon, a one-line description, and a relative timestamp.
  • Right rail (optional). "License snapshot." A small card showing the current license at a glance: active categories, blocked categories, revocation status. Click-through to the License screen.

Sample content. The designer can populate the timeline with items like: - "+3 new subscribers · 2 hours ago" - "Sasha approved a generation for public gallery · 4 hours ago" - "$45 tip from subscriber on AI submission · yesterday"

Use generic subscriber names and avoid anything that suggests real people: "subscriber_4471" or "@quietfan" rather than full names.

Note for the designer. This screen exists to look professional and alive. Avoid the default "empty state with cute illustration" trap. The screen should look like a real working dashboard with content already in it.

Screen 4 — License configuration

Purpose. This is the most important screen in the mockup. It is where the entire premise of the platform becomes visible: the creator is in charge, in detail, and the controls are real.

Primary user. Verified creator setting up or modifying their license rules.

Layout direction. A long, structured form with grouped sections. Left sidebar nav still visible. Main content is a wide single column with clear section dividers.

Required sections.

The license is grouped into the following blocks. Each block has a header, a brief explainer, and the controls.

  1. License status. A prominent block at top showing current status: "Active" with a green dot. Below: "Created [date], last edited [date]." A right-aligned "Pause license" button (terracotta outlined, not solid — secondary action).

  2. Allowed content categories. A grid of toggle switches with labels:

  3. Solo content
  4. Partnered with verified collaborators
  5. Fan self-insert

  6. Custom prompt requests Each toggle has a small explainer in muted text below.

  7. Explicitness ceiling. A segmented control with three options: Suggestive · Topless · Full nudity. One selected. Below: small note: This is the maximum allowed. Individual generations may be more conservative based on subscriber tier.

  8. Blocked categories (always-on). A read-only block showing platform-wide blocks: Minors · Age-ambiguous content · Public figures · Third-party uploads · Nonconsent scenarios. Styled to make clear these are not editable — they are platform floor. Use the error/locked color sparingly.

  9. Blocked categories (creator-defined). An editable list. Pre-populated with example entries: "School settings," "Specific clothing brands," "Roleplay involving family relationships." Each with an X to remove. An "Add category" input below.

  10. Distribution rules. A few rows with toggle switches:

  11. Public gallery: On (with approval required)
  12. Subscriber-only gallery: On
  13. Downloads: Watermarked, paid tier only

  14. External sharing: Blocked

  15. Collaboration permissions. A radio group:

  16. Closed (no collaborations)
  17. Approved creators only (3 currently approved — link to manage)

  18. Open to all verified creators

  19. Revocation settings. A small section explaining what revocation does and doesn't do. Plain language:

If you revoke this license, all generation will stop immediately. Your public gallery will go offline. Subscribers will lose access to your AI content. We will pursue takedowns of revoked content found off-platform.

Revocation cannot recover content already downloaded. We will help with takedowns, but we cannot delete files from anyone's device.

Below: a "Revoke license" button. Styled as a secondary destructive action — not bright red, not in your face. The platform respects that this is a real button creators may need to use, not something to scare them away from.

  1. Save / preview. Bottom of the page. Primary "Save changes" CTA, secondary "Preview as subscriber" link.

Note for the designer. This screen needs to look powerful without looking complicated. Generous spacing between sections. Clear hierarchy. Avoid cramming. If it looks like a Stripe dashboard for likeness rights, that's the right register.

Screen 5 — Approval queue

Purpose. The workflow where the creator reviews fan-submitted generations.

Primary user. Creator working through pending submissions.

Layout direction. Two-pane layout. Left pane: list of pending submissions. Right pane: detail view of the currently selected submission.

Required elements.

  • Left pane — list. Vertical list of about 7 pending submissions. Each row has:
  • A small thumbnail placeholder (abstract color tile, not an image)
  • Submitter handle (e.g., "@quietfan_22")
  • Tip attached (if any) — small terracotta pill with amount
  • Time since submission
  • A subtle icon indicating the prompt category

One row is visually selected.

  • Right pane — detail view.
  • Large preview area at top — a placeholder color tile or abstract pattern, clearly synthetic. Caption below: "Preview · Generated using Mara West's licensed model."
  • Prompt block. The text prompt the fan used. Example: "Indoor portrait, soft afternoon light, casual outfit, looking off-camera, neutral expression." Styled as a code block or quoted block.
  • License compliance block. A small panel showing automated checks: Within allowed categories ✓ · Within explicitness ceiling ✓ · No blocked terms ✓. Each line with a small green check.
  • Submitter context. Two lines: "Submitted by @quietfan_22 · Subscriber for 4 months." Plus the tip amount if any: "$25 tip attached."
  • Action buttons. Three primary actions side by side:
    • "Approve for private download" (default secondary style)
    • "Approve for public gallery" (primary terracotta)
    • "Reject" (subtle destructive style, gray with red text)
  • Below actions. A small toggle: "Ban this prompt pattern from future generations." Off by default.
  • Optional note field. "Add a note to this submission (visible to the submitter)."

Sample content for the list. Mix of items so the queue feels real: - "@quietfan_22 · $25 · 12 minutes ago" - "@subscribed_reader · 1 hour ago" - "@late_to_the_party · $5 · 3 hours ago" - "@regular_supporter · $50 · yesterday" - (etc.)

Note for the designer. The license compliance block is the visual proof that the platform's controls work. Make it clear and quietly confident — the fan couldn't have submitted this if it failed compliance, and the creator should be able to approve quickly because the rules already filtered out anything that shouldn't reach this queue.

Screen 6 — Fan generation interface

Purpose. Show what subscribers see when generating, demonstrating that the controls and license are visible to the fan, not hidden.

Primary user. Paying subscriber generating an image with the creator's licensed model.

Layout direction. Three-pane layout. Left: prompt construction. Center: preview / output area. Right: rules and credit balance.

Required elements.

  • Top bar. Creator's name and avatar placeholder: "Mara West · AI Generator." Subscriber's credit balance: "62 credits."
  • Left pane — prompt construction.
  • Prompt textarea with sample placeholder: "Describe the scene you want to generate..."
  • Below: a few preset chips the creator has made available: "Casual portrait" · "Outdoor afternoon" · "Studio lighting." Subtle terracotta border.
  • Style and pose selectors as collapsible sections.
  • "Generate" button below — primary, terracotta. Cost preview to its right: "Costs 5 credits."
  • Center pane — output area.
  • Empty state if no generation has been run, or a placeholder color tile with a generation result. Caption: "Generated [date] · Watermarked · License #LK-4471."
  • Below the output: three action buttons:
    • "Submit to creator" (primary, terracotta)
    • "Save to private gallery" (secondary)
    • "Discard"
  • Optional tip slider: "Attach a tip with submission · $0 / $5 / $10 / $25 / Custom."
  • Right pane — rules summary.
  • Header: "What Mara has approved for this tier."
  • A clean, scannable list of allowed and blocked categories. The same information from the creator's license, presented as the fan's-eye view.
  • At the bottom: "Your subscription includes 100 credits per month."

Sample prompt presets. Things the creator might have explicitly enabled: - Casual portrait - Outdoor scene - Studio lighting - Conversational pose

Avoid presets that suggest specific scenarios that would feel uncomfortable in a mockup. Stay neutral.

Note for the designer. The right pane (rules summary) is the screen's most important detail. It makes the consent layer visible to the fan. The fan should never be in a position where the creator's rules are hidden from them — the rules are the contract, and the fan should always be able to see what they are.

Microcopy guidelines

The voice of the product is grown-up, calm, and direct.

Avoid Use
"Unleash your inner creator ✨" "Set up your account"
"Your AI twin awaits" "Train your likeness model"
"Approve dope content" "Approve submission"
"Oops! Something went wrong 😬" "We couldn't save that. Try again, or contact support."
"We respect your privacy 💖" "We hold this information per legal requirements."

Plain English. Short sentences. No marketing voice creeping into product copy. No emoji. Hard topics (revocation, takedowns, moderation) are explained directly rather than softened.

When the platform has to say something the user might not want to hear (like "this can't be undone" or "we cannot recover downloaded files"), it says it plainly. The trust comes from honesty.

Deliverable

A clickable HTML/React mockup with the six screens listed above. Navigation between screens works (sidebar links route between dashboard, license, approval queue; CTAs from marketing page route into onboarding). Forms can be non-functional but should look interactive — toggles toggle, dropdowns open, hover states exist.

Single-file React artifact preferred. Tailwind utility classes for styling. No external image assets needed — all "images" are abstract color tiles, geometric placeholders, or simple SVG illustrations generated inline.

The mockup should be reviewable in under 5 minutes by someone seeing it for the first time. It is a sales artifact, not a software prototype.

What success looks like

After someone clicks through this mockup, the impression they should leave with is:

  1. This is a serious company building serious infrastructure.
  2. The creator is genuinely in charge of how their likeness is used.
  3. Consent and control are visible everywhere, not buried in legal copy.
  4. I would actually trust this platform with my image.

If the design achieves those four impressions, the mockup is doing its job. If it produces only the first three, it is still useful. If it fails the second one, it is unusable and we start over.