System Requirements Document for asmr-slime

1. Introduction

asmr-slime is a quiet, single-purpose viewing product built around one piece of content: a 15-minute, 4K ultra-realistic cinematic ASMR video of colorful slime being stretched, poked, and squished on a clean white table. The slime is glossy and vibrant and appears in multiple textures — fluffy, clear, and butter slime. The footage is shot in close-up with shallow depth of field, capturing the satisfying sounds and textures in high detail, with well-groomed hands interacting gently with the slime to create soft squishing and popping sounds against a clean minimalist background under soft lighting in a relaxing mood.

The product intent is not entertainment hype but sensory stillness: the viewer arrives to exhale. The interface exists only to hand the viewer over to the footage and to let them control it. The audience is a relaxation-seeking viewer who wants an uninterrupted 15-minute viewing session, and the creator who produces and publishes that footage so it is available to viewers.

2. System Overview

asmr-slime is delivered as a small custom web interface with two pages — Landing and Video Player — both anonymously accessible with no account requirement. The Landing page is the public entry surface: a paper-white field introducing the 15-minute relaxing ASMR slime video and directing the Viewer to watch it. The Video Player page plays the 15-minute 4K cinematic slime video and keeps playback controls with the viewing experience.

The only imagery in the product is the 4K footage itself. The interface never simulates slime colour; all saturation arrives from the video. There is no account system, no social layer, no catalogue of multiple videos, no upload or editing surface, and no commerce. The Creator's responsibility — producing and publishing the finished 15-minute video so it is available to viewers — is fulfilled outside the custom interface; the product surfaces the published result.

2a. Product Interpretation and Delivery Boundary

Delivery ownership. The product is a first-party custom interface (two anonymously reachable pages) presenting a single published video asset. The video asset itself is produced and published by the Creator; the interface's job is presentation and playback control, not production. No provider-owned or external destination owns any accepted human interaction: both pages are application-owned and require no identity.

Access ownership. Both Landing and Video Player are public and anonymous (access_requirement: none). No accepted journey requires durable actor-specific state, a commitment, an entitlement, or a value transfer bound to a participant, so no application-owned identity is established and no protected destination exists. There is no sign-in, no account creation, and no session continuity requirement.

Current vs. future. Everything in this document is current: the 15-minute 4K video, its three slime textures, the close-up shallow-depth-of-field treatment, the gentle hand interactions with soft squishing and popping sounds, the clean minimalist background with soft lighting and relaxing mood, and the two-page viewing experience. No future-horizon requirements were accepted.

2b. Source Content Inventory

Not applicable — no reference directive with content_source authority was supplied.

2c. Page Content and Component Coverage

Landing

• Information and state: The public entry surface. A paper-white field (#F4F1EA) carrying one oversized light-weight headline — "Fifteen minutes of quiet" — left-aligned to the video frame's left edge. Below it, a single centred 16:9 video frame (1120px within a 1280px viewport) sitting on pure white (#FFFFFF) so it reads as a lit tabletop on a matte wall. Below the frame, a hairline rule and one 17px muted sentence naming the three textures (fluffy, clear, butter). Further down: a four-item texture index and the 15-minute chapter list. No autoplay; the frame presents the video as a still, plain object.
• Primary action: The flat rectangular Watch affordance — 1px #2B2A27 border, 13px label with 0.14em tracking, filling charcoal on hover with a 120ms instant swap — which takes the Viewer to the Video Player.
• Supporting actions: Top navigation line of small tracked labels — Watch, Chapters, About — with no logo mark, only the lowercase light wordmark "asmr slime". Chapter rows in the chapter table are selectable and lead into playback at that chapter. Texture index items are informational labels, not separate destinations.
• Domain entities: The video (single item: 15-minute duration, 4K ultra-realistic cinematic, shallow depth of field), the three slime textures (fluffy, clear, butter), the popping sound element, and the chapter list (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping).
• Component responsibilities:
  • Hero headline block — Zen Kaku Gothic New Light 300, 96px desktop / 52px tablet / 40px mobile, 0.06em tracking, sentence case, never bold, never all-caps; wraps or scales to stay entirely inside the viewport at 375px, 768px and 1280px.
  • Video frame — the dominant element and the only bright rectangle; 16:9, edge-to-edge imagery with 0 radius, no border, no caption over it, no overlay text.

• Caption block — two quiet lines, 17px body with 1.9 line-height, muted #9C968B for metadata.
• Hairline rules — 1px #E3DED4 dividing sections instead of boxes or shadows.
• Texture index — four numbered small-caps labels (01 FLUFFY · 02 CLEAR · 03 BUTTER · 04 POPPING) in a strict row, separated by vertical hairlines, each with a 1px-line pictogram; wraps into rows at narrow viewports so every label stays fully readable.
• Chapter table — ruled rows with monospace timestamps; the row under the playhead fills with a 1px #E4573D left rule, the only hot accent on the page; row highlight is an instant colour change with no easing.
• Play affordance — flat bordered rectangle, 1px border darkening on hover, no lift, no shadow, no scale.
• States:
  • Loading: the page is static paper; the video frame shows the poster still from the footage. No spinner, no skeleton theatre.
  • Empty: not applicable — the product presents exactly one published video; there is no collection that can be empty.
  • Success: the Viewer sees the headline, the video frame, the texture index and the chapter table, and the Watch affordance is available.
  • Error / recovery: if the video asset cannot be reached, the frame retains its poster still and the Watch affordance remains visible; the Viewer can retry from the Video Player. No error state invents a new capability.
  • Reduced motion: everything is already static; nothing changes.

Video Player

• Information and state: The viewing surface. The 15-minute 4K cinematic slime video plays in a 16:9 frame on pure white (#FFFFFF) against the paper-white page. Playback position, elapsed and total time (15:00), and the current chapter are shown. The chapter list remains available alongside or beneath the frame, with the active row marked by the 1px #E4573D left rule. A single live "now playing" dot in #E4573D is the only other hot accent.
• Primary action: Play / pause the video.
• Supporting actions: Seek within the 15-minute timeline; select a chapter (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping) to jump playback to that point; adjust volume; toggle fullscreen; return to Landing via the top navigation line.
• Domain entities: The video (15 minutes, 4K ultra-realistic cinematic, shallow depth of field, soft squishing and popping audio), the three slime textures as chapter groupings (fluffy, clear, butter) plus the popping element, and the chapter timestamps.
• Component responsibilities:
  • Player card — pure white surface, maximum 2px radius, no shadow; the only curved or lifted element is the slime inside the footage.
  • Playback controls — flat rectangles with hairline borders; hover is a 1px border darkening, never a lift.
  • Timeline scrubber — 1px hairline track with a square playhead; seeking is instant, no easing.
  • Chapter list — ruled table with monospace numerals; the active row carries the 1px #E4573D left rule; selection is an instant colour change.
  • Time readout — monospace numerals in muted #9C968B, showing elapsed against the fixed 15:00 total.
  • Now-playing indicator — a single #E4573D dot, used at most once per screen.
• States:

• Loading: the frame holds the poster still while the 4K stream buffers; controls remain visible and the Viewer can wait or return to Landing.
• Empty: not applicable — one video, always present.
• Success: the video plays through its 15 minutes with soft squishing and popping audio, chapter rows tracking the playhead, and the Viewer able to pause, seek, change chapter, adjust volume, or go fullscreen at any point.
• Error / recovery: if playback stalls or the stream fails, the frame retains the poster still, the time readout holds the last known position, and the Viewer can retry playback or select a chapter to resume from a known point. Recovery never requires an account or a new destination.
• Reduced motion: the interface is already static; only the video itself moves, and the Viewer controls it directly.

3. Functional Requirements

FR-1 — Watch the 15-minute ASMR slime video (explicit) As a Viewer, I should be able to watch a high-quality ASMR video of colorful slime being stretched, poked, and squished on a clean white table, so that I can have a relaxing 15-minute viewing session.

• Trigger/input: The Viewer selects the Watch affordance on Landing or a chapter row in the chapter table.
• Observable result: The Video Player plays the 15-minute video; elapsed time advances against a fixed 15:00 total; the active chapter row is marked with the 1px #E4573D left rule.
• Access state: Anonymous; no account required.
• Failure/recovery: If the stream stalls, the poster still remains, the last known position is held, and the Viewer can retry or resume from a chapter.
• Continuation: The Viewer continues watching, pauses, seeks, or returns to Landing.

FR-2 — See the slime's multiple textures (explicit) As a Viewer, I should see slime that is glossy, vibrant, and presented in multiple textures — fluffy, clear, and butter slime — so that the variety of tactile material is part of the experience.

• Trigger/input: Playback of the video, or selection of a texture/chapter grouping.
• Observable result: The footage shows fluffy, clear, and butter slime; the Landing texture index names all three (01 FLUFFY · 02 CLEAR · 03 BUTTER) and the chapter table maps them to timestamps (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish).
• Access state: Anonymous.
• Failure/recovery: If a chapter jump fails, the Viewer can seek manually on the timeline.
• Continuation: The Viewer moves between textures by chapter selection or continuous playback.

FR-3 — Close-up shallow-depth-of-field detail (explicit) As a Viewer, I should experience close-up shots with shallow depth of field that capture the satisfying sounds and textures in high detail, so that the tactile quality of the slime reads clearly.

• Trigger/input: Playback of the video.
• Observable result: The footage is presented in close-up with shallow depth of field; the 16:9 frame is the dominant element and is never overlaid with text or decoration that would obscure the detail.
• Access state: Anonymous.
• Failure/recovery: If the stream degrades, the Viewer can retry playback; the frame never substitutes a lower-fidelity decorative treatment.
• Continuation: The Viewer continues watching or seeks to another close-up segment.

FR-4 — Gentle hand interaction with soft squishing and popping sounds (explicit) As a Viewer, I should see hands with well-groomed nails interacting gently with the slime, creating soft squishing and popping sounds, so that the audio-tactile satisfaction is delivered.

• Trigger/input: Playback of the video.
• Observable result: Hands with well-groomed nails enter frame and interact gently with the slime; soft squishing and popping sounds accompany the interaction; the popping element is indexed as 04 POPPING and mapped to 11:30 in the chapter table.
• Access state: Anonymous.
• Failure/recovery: If audio is muted or unavailable, the Viewer can unmute or adjust volume from the player controls; the visual interaction continues regardless.
• Continuation: The Viewer continues watching, adjusts volume, or jumps to the popping chapter.

FR-5 — Clean minimalist presentation with soft lighting and relaxing mood (explicit) As a Viewer, I should experience a clean minimalist background with soft lighting and a relaxing mood, so that the session stays calm rather than stimulating.

• Trigger/input: Viewing either page.
• Observable result: The page ground is paper-white #F4F1EA with pure #FFFFFF reserved for the video frame and player card; the interface uses no slime colours, no gradients, no glass panels, no drop shadows, and no saturated UI colour competing with the footage; the only saturated colour on screen is whatever slime is inside the frame.
• Access state: Anonymous.
• Failure/recovery: Not applicable — this is a presentation constraint, not a stateful operation.
• Continuation: The Viewer remains in the calm frame throughout the session.

FR-6 — 4K ultra-realistic cinematic look (explicit) As a Viewer, I should watch the video in a 4K ultra-realistic cinematic look, so that the footage feels like a high-quality cinematic piece rather than casual footage.

• Trigger/input: Playback of the video.
• Observable result: The video is delivered at 4K with an ultra-realistic cinematic treatment; the player presents it in a 16:9 frame at up to 1120px within a 1280px viewport, with fullscreen available.
• Access state: Anonymous.
• Failure/recovery: If the connection cannot sustain 4K, playback continues at a reduced quality rather than failing outright; the Viewer can retry or go fullscreen.
• Continuation: The Viewer continues watching or toggles fullscreen.

FR-7 — 15-minute duration (explicit) As a Viewer, I should get a video that is 15 minutes in duration, so that the session has a known, bounded length.

• Trigger/input: Playback of the video.
• Observable result: The time readout shows elapsed time against a fixed 15:00 total; the chapter table spans the full 15 minutes (00:00, 03:20, 07:45, 11:30).
• Access state: Anonymous.
• Failure/recovery: Not applicable — duration is a fixed property of the published asset.
• Continuation: The Viewer watches to the end or leaves at any point.

FR-8 — Control playback (required_inference) As a Viewer, I should be able to play, pause, seek, change chapter, adjust volume, and toggle fullscreen, so that I can shape an uninterrupted, relaxing viewing session on my own terms.

• Trigger/input: The Viewer operates the player controls or selects a chapter row.
• Observable result: Playback state changes immediately; the timeline playhead and time readout reflect the new position; the active chapter row carries the 1px #E4573D left rule; hover on controls is a 1px border darkening with no lift.
• Access state: Anonymous.
• Failure/recovery: If a control action fails, the previous playback state is retained and the Viewer can retry.
• Continuation: The Viewer resumes watching from the chosen point.

FR-9 — Reach the video from the public entry (required_inference) As a Viewer, I should be able to arrive at the public entry, understand that this is a 15-minute relaxing ASMR slime video, and start watching, so that no account or prior knowledge is needed.

• Trigger/input: The Viewer opens the Landing page and selects the Watch affordance or a chapter row.
• Observable result: The Landing page presents the headline "Fifteen minutes of quiet", the video frame, the caption naming the three textures, the texture index, and the chapter table; selecting Watch or a chapter row moves the Viewer to the Video Player at the corresponding point.
• Access state: Anonymous; no identity is established or required.
• Failure/recovery: If the transition fails, the Viewer remains on Landing with the Watch affordance still available.
• Continuation: The Viewer begins the viewing session on the Video Player.

FR-10 — Produce and publish the video so it is available to viewers (required_inference) As a Creator, I should produce and publish the ASMR slime video — the close-up 4K footage with soft squishing and popping sounds, clean minimalist background, and soft lighting — so that the finished 15-minute video is available to viewers.

• Trigger/input: The Creator completes and publishes the 15-minute 4K video asset.
• Observable result: The published video is the single asset presented on Landing and played on the Video Player, with its chapter timestamps (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping) reflected in the chapter table.
• Access state: The Creator's production and publishing work is fulfilled outside the custom interface; the product surfaces the published result.
• Failure/recovery: If the published asset is unavailable, the Landing frame retains its poster still and the Watch affordance remains visible.
• Continuation: The Viewer can watch the published video.

4. User Personas

Viewer

Product context. The Viewer arrives at asmr-slime to relax. They are not browsing a catalogue and are not looking for entertainment hype; they want one quiet, tactile piece of footage and a session they can control without friction. They may arrive on any device and expect the page to be calm immediately.

Primary goal. An uninterrupted, relaxing 15-minute viewing session of the 4K ASMR slime video.

Distinct accepted responsibilities. The Viewer chooses and plays the video, and controls playback — play, pause, seek, chapter selection, volume, fullscreen. This is the recurring responsibility: shaping the session's pace and length on their own terms. The Viewer does not produce, upload, edit, or publish content, and does not manage an account.

Relevant inputs or decisions. Whether to start watching from the beginning or jump to a specific texture or the popping segment; whether to pause, seek, or leave; whether to go fullscreen; whether to adjust volume for the soft squishing and popping sounds.

Interactions with other accepted participants. The Viewer is the recipient of the Creator's published footage. The Viewer's experience depends on the Creator having produced and published the finished 15-minute video; the Viewer never interacts with the Creator directly inside the product.

Observable success. The video plays through its 15 minutes with soft squishing and popping audio, the chapter rows track the playhead, the interface stays paper-quiet with no saturated UI colour competing with the slime, and the Viewer can pause, seek, change chapter, adjust volume, or go fullscreen at any point without encountering an account wall.

Creator

Product context. The Creator produces the ASMR slime footage that the product exists to present. Their work is defined by the material and the treatment: glossy, vibrant slime in fluffy, clear, and butter textures, stretched, poked, and squished on a clean white table, shot in close-up with shallow depth of field, with well-groomed hands interacting gently to create soft squishing and popping sounds, against a clean minimalist background under soft lighting in a relaxing mood, in a 4K ultra-realistic cinematic look, at a finished duration of 15 minutes.

Primary goal. The finished 15-minute video being available to viewers.

Distinct accepted responsibilities. Producing the footage to the stated visual and audio treatment, and publishing the finished 15-minute asset so it is available to viewers. The Creator's production and publishing work is fulfilled outside the custom interface; the product surfaces the published result. The Creator does not operate the Viewer's playback controls and does not manage viewer accounts.

Relevant inputs or decisions. The choice and preparation of the three slime textures; the close-up framing and shallow depth of field; the gentle hand interaction that produces the soft squishing and popping sounds; the clean minimalist background and soft lighting; the 4K ultra-realistic cinematic treatment; the final 15-minute edit and its chapter structure (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping).

Interactions with other accepted participants. The Creator's output is consumed by the Viewer. The Creator's success is measured by the Viewer being able to watch the finished video; there is no direct in-product interaction between them.

Observable success. The published 15-minute video is the single asset presented on Landing and played on the Video Player, with its chapter timestamps reflected in the chapter table.

5. Core User Flows

Flow 1 — Viewer watches the 15-minute ASMR slime video

1. Starting context. The Viewer opens asmr-slime on the public Landing page. No account is required and none is offered.
2. The Viewer sees a paper-white field (#F4F1EA) with the light-weight headline "Fifteen minutes of quiet" left-aligned to the video frame's left edge, a single centred 16:9 video frame on pure white, a hairline rule, and one 17px muted sentence naming the three textures.
3. The Viewer reads the texture index — 01 FLUFFY · 02 CLEAR · 03 BUTTER · 04 POPPING — and the hairline-ruled chapter table with monospace timestamps (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping).
4. Decision. The Viewer either selects the flat rectangular Watch affordance to start from the beginning, or selects a chapter row to start at that texture.
5. Commitment and handoff. The Watch affordance fills charcoal on hover with a 120ms instant swap; on selection the Viewer moves to the Video Player page at the corresponding point.
6. Observable result. The 15-minute 4K cinematic video plays in the 16:9 frame on pure white. Elapsed time advances against a fixed 15:00 total. The active chapter row is marked with the 1px #E4573D left rule, and a single #E4573D now-playing dot is visible.
7. The Viewer hears the soft squishing and popping sounds and sees the close-up shallow-depth-of-field footage of glossy fluffy, clear, and butter slime being stretched, poked, and squished on the clean white table by well-groomed hands.
8. Continuation. The Viewer pauses, seeks on the timeline, jumps to another chapter, adjusts volume, or toggles fullscreen at any point, then resumes watching.

9. Completion. The video plays through its 15 minutes. The Viewer may return to Landing via the top navigation line (Watch, Chapters, About) or leave.
10. Failure/recovery. If the stream stalls or fails, the frame retains the poster still, the time readout holds the last known position, and the Viewer can retry playback or select a chapter to resume from a known point. No account or new destination is required to recover.

Flow 2 — Viewer jumps directly to a specific texture or the popping segment

1. Starting context. The Viewer is on the Landing page and is interested in one texture rather than the whole piece.
2. The Viewer reads the chapter table: 00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping.
3. Selection. The Viewer selects the chapter row for the texture they want.
4. Observable result. The Video Player opens at that timestamp; the selected row carries the 1px #E4573D left rule; the time readout reflects the new position.
5. Continuation. The Viewer watches that segment and then continues forward, seeks elsewhere, or returns to Landing.
6. Failure/recovery. If the chapter jump fails, the Viewer can seek manually on the timeline; the previous playback state is retained.

Flow 3 — Creator produces and publishes the 15-minute video

1. Starting context. The Creator prepares the material: glossy, vibrant slime in fluffy, clear, and butter textures on a clean white table.
2. The Creator shoots close-up with shallow depth of field, with well-groomed hands interacting gently with the slime to create soft squishing and popping sounds, against a clean minimalist background under soft lighting in a relaxing mood, in a 4K ultra-realistic cinematic look.
3. Decision. The Creator edits to a finished duration of 15 minutes and structures the piece into chapters: 00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping.
4. Commitment. The Creator publishes the finished 15-minute 4K video asset so it is available to viewers.
5. Observable result. The published video is the single asset presented on Landing and played on the Video Player, with its chapter timestamps reflected in the chapter table.
6. Continuation. The Viewer can now watch the published video; the Creator's production and publishing work is fulfilled outside the custom interface.
7. Failure/recovery. If the published asset is unavailable, the Landing frame retains its poster still and the Watch affordance remains visible, so the Viewer is never left at a dead end.

6. Visuals Colors and Theme

Muse and headline. Kenya Hara — Emptiness as content: a white table, one glossy subject, and the sound of touch. The page is the clean white table; the slime is the only living subject inside a MUJI-quiet frame.

Mode. Light mode only.

Colour tokens (exact hex, by role):

Slime colour is never simulated in UI: the video supplies all saturation, the interface stays paper. No blue or indigo anywhere in the interface.

Typography:

• Headings: Zen Kaku Gothic New — Light 300 at large sizes with very wide tracking (0.06em–0.12em), sentence case, never bold, never all-caps shouting; headings behave like quietly spoken labels on a museum wall.
• Display moment: a single line — "Fifteen minutes of quiet" — at 300 weight, 96px desktop with 0.02em tracking, still light, still calm.
• Body: M PLUS 1.
• Scale: 1.25 modular — 64 / 48 / 34 / 24 / 17 / 15. Mobile display 40px, tablet 52px, desktop 96px for the one hero line. Body 17px with 1.9 line-height; labels 13px with 0.14em tracking.
• Numerals: monospace for chapter timestamps and the time readout.

Shape language. Square and near-square proportions with almost no radius (2px maximum on the player card, 0 on imagery). Thin 1px hairline rules in #E3DED4 divide sections instead of boxes or shadows. No blobs, no pills, no soft shadows; the only curve in the entire interface comes from the slime in the footage. Buttons are flat rectangles with a hairline border that fills on hover.

Spacing rhythm. Centred single-column compositions on a wide paper field with enormous margins — max content width 720px for text, 1120px for the video. Generous vertical breathing room above and below the hero frame; hairline rules mark section boundaries rather than spacing alone.

Imagery style. The 4K footage is the only imagery: macro close-ups of glossy slime on the white table, shallow depth of field, soft top light, well-groomed hands entering frame. On the Landing page, stills from the footage are cropped square and shown edge-to-edge with no border, no caption over them, no overlay text — the image is allowed to be a plain object on the page. No stock photography, no illustration, no icons beyond four 1px-line pictograms for the texture index.

Readable text and controls. Headlines, wordmarks, labels, numbers, cards' text and controls stay entirely inside the viewport and their container at 375px, 768px and 1280px, wrapping or scaling (for example font-size: clamp(...) with its mobile size) to fit, and no other element covers any part of them. Imagery and decoration may be cropped, bled off an edge, or cut as the direction asks, as long as they cover no readable text or control.

7. Signature Design Concept

The lit tabletop on a matte wall.

The first screen is a paper-white field (#F4F1EA) with a single centred 16:9 video frame occupying 1120px of a 1280px viewport, sitting on pure white (#FFFFFF) so it reads as a lit tabletop on a matte wall. Above it, one light-weight 300 line at 96px desktop / 40px mobile — "Fifteen minutes of quiet" — with wide tracking, left-aligned to the video frame's left edge, not centred. Below the frame, a hairline rule and one 17px sentence in muted grey naming the three textures, then a flat rectangular Watch button with a 1px #2B2A27 border and the word "Watch" at 13px with 0.14em tracking.

No gradient, no blob, no floating card, no badge, no autoplay carousel. The dominant element is the video frame; the dominant colour is paper white; the only saturated colour on the screen is whatever slime is inside the frame.

Signature moves carried through the page:

• A paper-white page where the video frame is the only bright rectangle — the interface never uses slime colours, so all saturation arrives from the footage itself.
• One oversized light-weight headline at 96px desktop / 40px mobile, left-aligned to the video edge with 0.06em tracking, spanning most of the viewport width without ever going bold.
• A hairline-ruled chapter table with monospace timestamps (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping) where the row under the playhead fills with a 1px #E4573D left rule — the only hot accent on the page.
• A four-item texture index set as numbered small-caps labels (01 FLUFFY · 02 CLEAR · 03 BUTTER · 04 POPPING) separated by vertical hairlines, each with a 1px-line pictogram.
• The play affordance is a flat bordered rectangle that fills charcoal on hover with a 120ms instant swap — no lift, no shadow, no scale.

Avoided: gradient blobs, glass panels, frosted card treatments; bright saturated UI colours competing with the slime footage; bold or all-caps display headlines, tight leading, poster energy; drop shadows, hover-lift cards, rounded pill buttons; stock photography of people, illustration, or decorative icons; autoplay carousels or thumbnail grids of identical cards; blue or indigo anywhere; scroll-jacking, parallax layers, or any motion that competes with the video.

8. Interaction Model & Motion Direction

Interaction Model: Static (direction) Motion Tempo: still Hero Dimensionality: flat

Landing Hero Motion Brief

• Focal subject: the single centred 16:9 video frame on pure white — the only bright rectangle on the paper-white field, holding a still from the 4K macro footage of glossy slime on the white table.
• Input → transformation → outcome thesis: the page is already still; the Viewer's only input is selecting the flat bordered Watch affordance (or a chapter row), which fills charcoal on hover with a 120ms instant swap and hands the Viewer over to the Video Player. The transformation is a handoff, not an animation: the interface recedes and the footage becomes the only moving thing.
• Motion vocabulary: almost none. The only motion on the page is the video itself and a 600ms opacity fade when the player enters the viewport; chapter rows highlight with an instant colour change, no easing theatre; hover on the play affordance is a 1px border darkening, not a lift.
• Composed first frame: paper-white #F4F1EA ground; the light-weight 300 headline "Fifteen minutes of quiet" at 96px desktop / 40px mobile, left-aligned to the video frame's left edge with 0.06em tracking; the 16:9 frame on pure white at 1120px within a 1280px viewport; a hairline rule and one 17px muted sentence naming the three textures; the flat rectangular Watch button with a 1px #2B2A27 border. No gradient, no blob, no floating card, no badge, no autoplay carousel.
• Reduced-motion state: everything is already static — nothing needs to change. With prefers-reduced-motion, the 600ms opacity fade is removed and the page renders in its final composed state; the texture index wraps into rows and the chapter table remains fully readable so every item can be brought fully into view.

9. Non-Functional Requirements

NFR-1 — Video duration is exactly 15 minutes (explicit) The published video must be 15 minutes in duration. The player's time readout shows elapsed time against a fixed 15:00 total, and the chapter table spans the full duration (00:00, 03:20, 07:45, 11:30). Rationale: the user stated the duration explicitly as a hard constraint.

NFR-2 — 4K ultra-realistic cinematic visual quality (explicit) The video must be delivered in a 4K ultra-realistic cinematic look, with close-up shots and shallow depth of field. The player presents it in a 16:9 frame at up to 1120px within a 1280px viewport, with fullscreen available. Rationale: explicit visual-style constraint in the authoritative source.

NFR-3 — Clean minimalist background, soft lighting, relaxing mood (explicit) The presentation must maintain a clean minimalist background with soft lighting and a relaxing mood. The page ground is #F4F1EA with #FFFFFF reserved for the video frame and player card; no gradients, glass panels, drop shadows, or saturated UI colour may compete with the footage. Rationale: explicit mood and background constraint in the authoritative source.

NFR-4 — Anonymous access with no account requirement (explicit) Both Landing and Video Player are publicly reachable with no identity, sign-in, or account creation. No accepted journey requires durable actor-specific state, a commitment, an entitlement, or a value transfer bound to a participant. Rationale: the accepted page contract sets access_requirement: none for both surfaces, and no accepted journey establishes a need for identity continuity.

NFR-5 — Readable text and controls stay whole at every viewport (explicit) Headlines, wordmarks, labels, numbers, cards' text and controls must stay entirely inside the viewport and their container at 375px, 768px and 1280px, wrapping or scaling (for example font-size: clamp(...) with its mobile size) to fit, with no other element covering any part of them. Imagery and decoration may be cropped or bled off an edge as the direction asks, as long as they cover no readable text or control. Rationale: explicit accessibility constraint in the creative direction.

NFR-6 — Reduced-motion usability (explicit) With prefers-reduced-motion, the interface must provide a usable static arrangement: the 600ms opacity fade is removed, the texture index wraps into rows or allows horizontal scrolling so each item can be brought fully into view, and the chapter table remains fully readable. Rationale: explicit reduced-motion requirement in the creative direction.

NFR-7 — Audio delivery of soft squishing and popping sounds (explicit) The video must deliver the soft squishing and popping sounds that accompany the gentle hand interaction, with viewer-controllable volume and mute. Rationale: explicit audio requirement in the authoritative source.

NFR-8 — Single published asset (required_inference) The product presents exactly one published video. There is no collection that can be empty, no catalogue, and no multi-item grid. Rationale: the accepted source describes one 15-minute video, and the accepted page contract contains no catalogue surface.

10. Tech Stack

• Frontend: React — a two-page custom interface (Landing, Video Player) with a static, paper-quiet presentation and a 16:9 video frame.
• Video delivery: the published 4K video asset is served to the player; the player supports play, pause, seek, chapter selection, volume, and fullscreen.
• Typography: Zen Kaku Gothic New (headings, Light 300) and M PLUS 1 (body), plus a monospace face for chapter timestamps and the time readout.
• Styling: CSS with the exact tokens in Section 6 — #F4F1EA, #FFFFFF, #2B2A27, #7FB5A4, #E4573D, #9C968B, #E3DED4; 1px hairline rules; 2px maximum radius on the player card; clamp(...) type sizing for the hero line.
• Backend: a small Python/FastAPI service to serve the published video asset and its chapter metadata to the two pages. No account, session, or database layer is required by any accepted requirement.
• Packaging: Docker / docker-compose for the frontend and the FastAPI service. Kubernetes is not required by any accepted requirement.

11. Assumptions and Constraints

Assumptions

• A-1 (required_inference): The product presents exactly one published 15-minute video; there is no catalogue, playlist, or multi-video browsing.
• A-2 (required_inference): The Creator's production and publishing work is fulfilled outside the custom interface; the product surfaces the published result and does not provide upload, editing, or publishing controls.
• A-3 (required_inference): Chapter timestamps (00:00 Fluffy stretch, 03:20 Clear pull, 07:45 Butter squish, 11:30 Popping) are the published structure of the single video and are reflected in the chapter table.
• A-4 (required_inference): Playback controls (play, pause, seek, chapter selection, volume, fullscreen) are the minimum mechanics needed for the Viewer to shape an uninterrupted, relaxing session.
• A-5 (required_inference): If the connection cannot sustain 4K, playback continues at a reduced quality rather than failing outright.

Constraints

• C-1 (explicit): The video must be 15 minutes in duration.
• C-2 (explicit): The visual style must be 4K ultra-realistic cinematic with close-up shots and shallow depth of field.
• C-3 (explicit): The background must be clean and minimalist with soft lighting and a relaxing mood.
• C-4 (explicit): The slime must be glossy, vibrant, and presented in multiple textures: fluffy, clear, and butter slime.
• C-5 (explicit): Hands with well-groomed nails must interact gently with the slime, creating soft squishing and popping sounds.
• C-6 (explicit): Both pages are anonymously accessible; no account, sign-in, or identity establishment is required or offered.
• C-7 (explicit): The interface must not use slime colours, gradients, glass panels, drop shadows, rounded pill buttons, blue or indigo, stock photography of people, illustration, decorative icons, autoplay carousels, or scroll-jacking/parallax motion.
• C-8 (explicit): Readable text and controls must stay whole at 375px, 768px and 1280px; imagery and decoration may be cropped or bled off an edge but must cover no readable text or control.

12. Glossary

• ASMR — Autonomous Sensory Meridian Response; here, the relaxing audio-visual genre the video belongs to, built on soft squishing and popping sounds and tactile close-up imagery.
• Slime — The glossy, vibrant subject material being stretched, poked, and squished on the clean white table.
• Fluffy slime — One of the three accepted slime textures; indexed as 01 FLUFFY and mapped to 00:00 Fluffy stretch.
• Clear slime — One of the three accepted slime textures; indexed as 02 CLEAR and mapped to 03:20 Clear pull.
• Butter slime — One of the three accepted slime textures; indexed as 03 BUTTER and mapped to 07:45 Butter squish.
• Popping — The soft popping sound element of the hand interaction; indexed as 04 POPPING and mapped to 11:30.
• Shallow depth of field — The close-up shooting treatment in which the subject is sharp and the background falls out of focus, keeping attention on the slime's texture.
• 4K ultra-realistic cinematic — The required visual quality and treatment of the footage.
• Chapter table — The hairline-ruled list of the video's four timestamped segments on the Landing page and Video Player.
• Texture index — The four-item numbered small-caps row (01 FLUFFY · 02 CLEAR · 03 BUTTER · 04 POPPING) separated by vertical hairlines, each with a 1px-line pictogram.
• Viewer — The accepted persona who watches the 15-minute video and controls playback.
• Creator — The accepted persona who produces and publishes the 15-minute video so it is available to viewers.
• Landing — The anonymous public entry page introducing the video and directing the Viewer to watch it.
• Video Player — The anonymous page that plays the 15-minute 4K cinematic slime video and keeps playback controls with the viewing experience.