indigo-yeah

byGarvit bhardwaj

Yeah, you need something you can **just copy-paste into another website**, written like a normal product idea—not a design prompt. **Product Idea: Focus Cube** Focus Cube is a small smart desk gadget designed to help people stay focused while working or studying. It is a compact cube with different sides for different modes, such as 25-minute focus, 50-minute deep work, and 10-minute break. Users simply flip the cube to the mode they want, and the timer starts automatically. The cube has a simple LED indicator to show the current mode and a rechargeable battery. The design should be minimal, modern, and premium so it looks good on a work desk. The target customers are students, freelancers, creators, remote workers, and professionals who struggle with distractions and want a simple way to manage focused work sessions. **Tagline:** Flip it. Focus. Get it done.

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 20

System Requirements Document for indigo-yeah

1. Introduction

Focus Cube is a compact smart desk gadget for people who want a simple, tactile way to manage focused work or study sessions. Rather than requiring a software timer workflow, the product starts a session when the user flips the physical cube to a selected side.

The product is intended for students, freelancers, creators, remote workers, and professionals who struggle with distractions and want a simple way to structure focus and break periods.

Tagline: Flip it. Focus. Get it done.

Page 2 of 20

2. System Overview

Focus Cube is a compact, rechargeable physical desk device with three defined timer modes:

  • 25-minute Focus
  • 50-minute Deep Work
  • 10-minute Break

Each mode is represented by a different side of the cube. When a user flips the cube to the desired mode, the corresponding timer starts automatically. A simple LED indicator communicates the currently active mode.

The current first-party delivery includes one public Landing page that introduces the physical product, communicates its operating ritual and supported modes, and presents the device’s focus, LED, and rechargeability characteristics. The landing experience is informational and public; no account, sign-in, application dashboard, companion app, timer history, notifications, commerce workflow, or subscription capability is included in the current scope.

Page 3 of 20

Product Interpretation and Delivery Boundary

Focus Cube’s core experience occurs on the physical device, not in a companion application. The user chooses a focus or break duration by physically flipping the cube. The cube identifies the selected mode, starts the timer automatically, and shows the active mode through its LED indicator.

The Landing page is an anonymous product-information surface. It is responsible for explaining the device, demonstrating the three available modes through product-led visual presentation, and conveying the product’s compact, premium desk-object character.

Current scope is intentionally limited to the physical Focus Cube concept and its public product presentation. Features such as custom timer durations, session analytics, mobile controls, user accounts, notifications, purchase processing, social features, integrations, and device-management settings are not current requirements.

Current Actors

  • Focus Session User: A student, freelancer, creator, remote worker, or professional who uses the cube to begin a defined focus or break session with minimal friction.
  • Focus Cube Device: The physical hardware that detects its selected orientation, starts the applicable timer, and displays the active mode through its LED indicator.

Current Product Constraints

  • The device must be compact and desk-sized.
  • Supported modes are limited to 25-minute Focus, 50-minute Deep Work, and 10-minute Break.
  • The product must have a minimal, modern, premium appearance suitable for a work desk.
  • The device must include a rechargeable battery.
  • The public product page is anonymously accessible.

2c. Page Content and Component Coverage

Page 4 of 20

Landing

  • Purpose and access

    • Public, anonymous first impression for Focus Cube.
    • Explains the physical desk gadget, its flip-to-start interaction, the three fixed timer modes, LED mode indication, rechargeable battery, target audience, and tagline.
    • Does not require account creation, sign-in, device pairing, or user-specific state.
  • Top navigation rail

    • A hairline navigation rail with:
      • Focus Cube wordmark on the left.
      • Three compact in-page anchors centered.
      • A small warm-orange preorder-style visual control on the right, presented as a product call-to-action treatment only; no transaction, checkout, payment, availability, or fulfillment behavior is specified.
    • Navigation remains visually restrained and does not become a conventional application menu.
  • Hero product stage

    • Full-viewport graphite product field.
    • Oversized Focus Cube render occupying the right side of the composition in a low three-quarter perspective.
    • The active 25-minute face shows the warm-orange LED signal.
    • Tagline is presented in three stacked lines:
      • “Flip it.”
      • “Focus.”
      • “Get it done.”
    • A thin vertical measurement rule aligns the tagline.
    • Each tagline line ends with a small orange square that visually echoes the cube’s LED.
    • A compact mode legend identifies the three available modes: 25-minute Focus, 50-minute Deep Work, and 10-minute Break.
    • A mode-selection presentation control may rotate the same hero cube render to the selected face. The interaction is a visual demonstration of the physical product’s defined modes and does not create a digital timer session.
  • Flip Index rail

    • A slim left-side rail labeled FLIP INDEX.
    • Displays:
      • 01 / Focus
      • 02 / Deep Work
      • 03 / Break
    • Updates its highlighted position as the visitor moves through the associated product sections.
    • Functions as orientation within the single landing experience rather than as a progress tracker or separate workflow.
  • Mode product plates

    • Three full-width calibrated product plates, one for each supported mode.
    • Each plate includes:
      • A prominent duration numeral.
      • A cropped macro render of the corresponding cube face.
      • The mode label.
      • A concise factual statement that flipping the cube to that side starts the corresponding timer automatically.
    • Mode content is separated by fine rules rather than repeated feature cards.
  • LED mode indication

    • Explains that the LED indicator shows the currently active mode.
    • Uses the warm-orange signal only for active mode indication and related functional emphasis.
    • Includes a success state in which the active mode is visually identifiable through the LED.
  • Charging and battery presentation

    • Presents the rechargeable battery as a core hardware characteristic.
    • Uses an exploded, near-monochrome product diagram with leader lines to identify the charging edge.
    • The charging edge may depict the specified USB-C port treatment and uses one orange indicator at that point.
    • Does not introduce battery percentage, charge-time claims, charging alerts, or battery-management controls.
  • Product context

    • Establishes Focus Cube as a compact desk object for work and study settings.
    • Uses studio-lit macro photography or high-fidelity renders on matte graphite, warm paper, and pale wood surfaces.
    • Avoids stock laptop-worker photography, productivity dashboards, cartoon illustration, and generic abstract imagery.
  • Presentation states and recovery

    • Loading state: product imagery and mode demonstration controls preserve page structure while high-fidelity media loads.
    • Default state: the hero displays the 25-minute Focus face and its active LED signal.
    • Mode demonstration state: selecting 25, 50, or 10 rotates the hero render to the corresponding physical face and updates its highlighted mode label.
    • Error state: if enhanced product media or rotation cannot load, the page retains readable text identifying the three modes, automatic flip-to-start behavior, LED indicator, and rechargeable battery.
    • Recovery: the visitor may select another mode demonstration or continue through the product plates without needing to restart the page.
Page 5 of 20

3. Functional Requirements

FR-01 — Focus Cube purpose

As a Focus Session User, I should be able to use a compact smart desk gadget to support focused work or study sessions.

  • Provenance: explicit
  • Trigger/input: The user has work or study activity for which they want a focused session or break.
  • Observable result: The user can use Focus Cube as a physical desk-based focus aid.
  • State/access: Physical device use; no account or application access is required.
  • Failure/recovery: If the device cannot be used in its desk setting, no alternate digital workflow is specified. The user may resume use when the device is available.
  • Continuation: The user selects one of the three defined cube modes.
  • Acceptance criteria:
    • Focus Cube is represented as a small smart desk gadget.
    • The gadget is intended to help users stay focused while working or studying.
    • The device remains compact and appropriate for desk placement.
Page 6 of 20

FR-02 — Fixed physical timer modes

As a Focus Session User, I should be able to choose among a 25-minute Focus mode, a 50-minute Deep Work mode, and a 10-minute Break mode by using different sides of the cube.

  • Provenance: explicit
  • Trigger/input: The user chooses the session type they need.
  • Observable result: The selected cube side corresponds to one defined timer duration and mode.
  • State/access: The device has three current supported modes:
    • 25-minute Focus
    • 50-minute Deep Work
    • 10-minute Break
  • Failure/recovery: If the desired side is not correctly selected, the user can reposition or flip the cube to the intended mode side.
  • Continuation: Once the intended side is selected, the timer begins automatically.
  • Acceptance criteria:
    • The product supports exactly the three stated modes in current scope.
    • Each mode is associated with a different side of the physical cube.
    • No custom duration, additional mode, or user-created mode is required.
Page 7 of 20

FR-03 — Flip-to-start timer initiation

As a Focus Session User, I should be able to flip the cube to my desired mode so that the corresponding timer starts automatically.

  • Provenance: explicit
  • Trigger/input: The user physically flips the cube to the side representing 25-minute Focus, 50-minute Deep Work, or 10-minute Break.
  • Observable result: The timer for the selected mode starts without requiring an additional start action.
  • State/access: The cube has an active mode and an active timer state. These are indispensable operational states required to make automatic timer initiation observable.
    State provenance: required_inference.
  • Failure/recovery: If the cube does not settle on the intended mode side, the user can reposition it to the intended side and allow the device to detect that selection. If automatic initiation cannot be confirmed, the user can reorient the cube to the desired face; no companion-app recovery path is specified.
  • Continuation: The user proceeds with the focus, deep-work, or break period associated with the selected mode.
  • Acceptance criteria:
    • Flipping the cube is the initiation action for a session.
    • The selected mode’s timer starts automatically after the cube is flipped to that mode.
    • The user is not required to operate a software timer interface to start the session.
Page 8 of 20

FR-04 — Active mode LED indication

As a Focus Session User, I should be able to see the current mode through a simple LED indicator.

  • Provenance: explicit
  • Trigger/input: The cube is in an active selected mode.
  • Observable result: The LED communicates the currently active mode.
  • State/access: The LED reflects the device’s active mode state.
    State provenance: required_inference.
  • Failure/recovery: If the LED does not provide a clear indication, the user can reorient the cube to the intended face and use the physical mode marking as the available mode-selection reference. No diagnostic, notification, or repair workflow is specified.
  • Continuation: The user continues the selected focus, deep-work, or break session.
  • Acceptance criteria:
    • The cube includes a simple LED indicator.
    • The indicator shows the current mode.
    • The LED is presented as a functional status signal rather than decorative lighting.
Page 9 of 20

FR-05 — Rechargeable operation

As a Focus Session User, I should be able to rely on a rechargeable battery so that Focus Cube can be used as a desk gadget without requiring disposable-power operation.

  • Provenance: explicit
  • Trigger/input: The user needs the device to remain available for use.
  • Observable result: Focus Cube is specified as having a rechargeable battery.
  • State/access: Physical hardware capability; no battery percentage, charge history, or software battery interface is required.
  • Failure/recovery: When the battery needs replenishment, the user charges the physical device. The precise charge duration, cable inclusion, power adapter, battery status display, and charging workflow are not specified.
  • Continuation: After charging, the user can return to the normal flip-to-start interaction.
  • Acceptance criteria:
    • Focus Cube includes a rechargeable battery.
    • Rechargeability is communicated as a product characteristic.
    • The product does not require a companion app for charging management.
Page 10 of 20

FR-06 — Minimal premium desk-object design

As a Focus Session User, I should be able to place and use a Focus Cube that feels minimal, modern, and premium on my desk.

  • Provenance: explicit
  • Trigger/input: The user places Focus Cube within a work or study environment.
  • Observable result: The device presents as a compact, refined desk object rather than an intrusive or visually cluttered productivity tool.
  • State/access: Physical product design requirement; no user-configurable visual themes are required.
  • Failure/recovery: No alternate hardware aesthetic or customization workflow is specified.
  • Continuation: The user interacts with the cube by flipping it to begin a chosen session.
  • Acceptance criteria:
    • The physical design is minimal, modern, and premium.
    • The cube is compact and desk-sized.
    • The visual presentation supports use in work and study environments.
Page 11 of 20

FR-07 — Public product explanation

As a Focus Session User, I should be able to visit the public Landing page and understand what Focus Cube does, how its three modes work, how the LED indicates the active mode, and that it has a rechargeable battery.

  • Provenance: required_inference
  • Trigger/input: A prospective user opens the public Landing page.
  • Observable result: The visitor can understand the physical flip-to-start ritual and the product’s core hardware characteristics.
  • State/access: Anonymous public access; no account, sign-in, device registration, or saved visitor state is required.
  • Failure/recovery: If visual product media fails to load, the page retains text content describing the three modes, flip-to-start behavior, LED indicator, and rechargeable battery.
  • Continuation: The visitor may explore the mode presentations, charging presentation, and product imagery on the same Landing page.
  • Acceptance criteria:
    • The Landing page includes the tagline “Flip it. Focus. Get it done.”
    • The page identifies the 25-minute Focus, 50-minute Deep Work, and 10-minute Break modes.
    • The page explains that flipping the cube starts the selected timer automatically.
    • The page communicates the LED indicator and rechargeable battery.
    • The page is accessible anonymously.

4. User Personas

Page 12 of 20

Focus Session User

Product context:
The Focus Session User is the active human user of Focus Cube. This persona includes students, freelancers, creators, remote workers, and professionals who struggle with distractions while working or studying.

Primary goal:
Begin a focused work, deep-work, or break period with as little setup friction as possible.

Distinct accepted responsibilities:

  • Choose the session type that fits the immediate need:
    • 25-minute Focus
    • 50-minute Deep Work
    • 10-minute Break
  • Physically flip the cube to the appropriate side.
  • Recognize the current mode from the cube’s LED indicator.
  • Charge the physical device when its rechargeable battery needs replenishment.
  • Use the public Landing page to understand the device’s purpose, supported modes, LED behavior, and rechargeable design.

Relevant inputs and decisions:

  • Whether the current task calls for a 25-minute focus interval, a 50-minute deep-work interval, or a 10-minute break.
  • Which physical face of the cube to place upward.
  • Whether the observed LED state corresponds to the intended active mode.

Interaction with other accepted participants:
The Focus Session User interacts directly with the Focus Cube Device. The user’s physical flip is the input that causes the device to select the applicable mode and start its timer. The device responds by maintaining the selected active mode and showing it through the LED indicator.

Observable success:
The user flips the cube once, sees the selected mode indicated, and proceeds into the intended focus, deep-work, or break session without needing a separate digital timer workflow.

Persona provenance: required_inference, grounded in the explicitly identified target customers and their stated need for a simple way to manage focused work sessions.

Page 13 of 20

5. Core User Flows

Flow 1 — Begin a 25-minute Focus session

  1. The Focus Session User is at their desk and wants to begin a standard focused work or study interval.
  2. The user identifies the cube side for 25-minute Focus.
  3. The user flips Focus Cube so that the 25-minute Focus side is selected.
  4. Focus Cube detects the selected physical mode and starts the 25-minute timer automatically.
  5. The device establishes the 25-minute Focus mode as its active state.
    State provenance: required_inference.
  6. The LED indicator shows the current active mode.
  7. The user observes the LED indication and continues with the focused work or study session.
  8. If the user did not place the intended face upward or cannot confirm the expected mode indication, they reposition the cube to the desired 25-minute Focus side and allow automatic mode selection to occur again.

Flow 2 — Begin a 50-minute Deep Work session

  1. The Focus Session User is at their desk and needs a longer uninterrupted work or study period.
  2. The user identifies the cube side for 50-minute Deep Work.
  3. The user flips Focus Cube to the 50-minute Deep Work side.
  4. Focus Cube detects the selected mode and starts the 50-minute timer automatically.
  5. The device establishes 50-minute Deep Work as the active mode.
    State provenance: required_inference.
  6. The LED indicator shows the current active mode.
  7. The user verifies the active mode through the LED and begins the deep-work period.
  8. If the selected side is incorrect or the user cannot confirm the selected mode, they reorient the cube to the 50-minute Deep Work face and continue from the resulting active state.
Page 14 of 20

Flow 3 — Begin a 10-minute Break session

  1. The Focus Session User finishes or pauses a work period and wants a short break.
  2. The user identifies the cube side for 10-minute Break.
  3. The user flips Focus Cube to the 10-minute Break side.
  4. Focus Cube detects the selected mode and starts the 10-minute timer automatically.
  5. The device establishes 10-minute Break as the active mode.
    State provenance: required_inference.
  6. The LED indicator shows the current active mode.
  7. The user observes the LED and takes the intended break.
  8. If the cube is not oriented to the desired side, the user flips it again to the 10-minute Break face.

Flow 4 — Restore device availability through charging

  1. The Focus Session User needs Focus Cube to be available for a future focus, deep-work, or break session.
  2. The user connects the physical device for charging when its rechargeable battery requires replenishment.
  3. Focus Cube receives power through its charging edge.
  4. After the device is recharged, the user returns it to the desk.
  5. The user resumes the normal flow by flipping the cube to one of the three defined timer modes.
  6. No battery percentage, charging notification, account, or software charging-management step is required.
Page 15 of 20

Flow 5 — Understand Focus Cube from the public Landing page

  1. A prospective Focus Session User opens the public Landing page.
  2. The visitor sees the Focus Cube hero presentation and the tagline: “Flip it. Focus. Get it done.”
  3. The visitor reads or selects the available visual mode demonstration for:
    • 25-minute Focus
    • 50-minute Deep Work
    • 10-minute Break
  4. The Landing page rotates the product render to the selected face as a visual explanation of the physical interaction.
  5. The visitor learns that flipping the real cube to a selected side starts the corresponding timer automatically.
  6. The visitor reviews the explanation of the LED indicator and understands that it shows the active mode.
  7. The visitor reviews the rechargeable battery and charging-edge presentation.
  8. If enhanced product imagery is unavailable, the visitor can continue through equivalent text content describing the modes, LED, rechargeability, and flip-to-start operation.

6. Visuals Colors and Theme

Muse: Jony Ive
Headline: Quiet precision for a physical ritual

Focus Cube must feel like a calm, premium desk instrument. The visual system should make the physical cube, its material quality, and its single-action ritual the central evidence of value. It must avoid the appearance of a generic SaaS productivity application.

Page 16 of 20

Colour tokens

RoleTokenHex
Dominant background / graphite product groundGraphite#171817
Raised navigation and specification surfaceGraphite Surface#242624
Primary reading textWarm Ivory#F4F1EA
Product markings, fine rules, secondary interface detailsAluminium#D9D5CC
Functional active-mode LED and primary CTA signalSignal Orange#E86F3D
Muted supporting textMuted Stone#A7A79F
  • Graphite #171817 should occupy approximately 70% of the visual field.
  • Signal Orange #E86F3D is reserved for the active cube face, LED state, mode emphasis, and the singular product call-to-action treatment.
  • Blue, indigo, white-background SaaS styling, gradients, aurora effects, and competing accent colors are forbidden.

Typography

  • Heading font: Instrument Sans Light through Medium.
  • Body font: Manrope.
  • Mode-label font: Manrope 700.
  • Heading treatment: Sentence case, tightly tracked at -0.045em, with large quiet statements rather than loud promotional copy.
  • Mode-label treatment: Compact uppercase with 0.12em letter spacing.
  • Desktop scale: 112 / 80 / 56 / 36 / 22 / 16 px.
  • Mobile scale: 64 / 48 / 36 / 28 / 20 / 16 px.
  • Long-form body copy: 18 px with 1.55 line height.
Page 17 of 20

Shape, surface, and spacing language

  • The Focus Cube has softly continuous 10 px edge radii and a satin ceramic-like finish.
  • Site controls use restrained 12 px radii.
  • Surrounding surfaces use near-square planes, 1 px low-contrast dividers, and measured alignment.
  • Every edge, LED aperture, annotation, and rule aligns to a deliberate product grid.
  • Use unusually wide outer margins and a single-column, product-led landing-page layout.
  • Avoid oversized soft shadows, glass cards, over-rounded pills, and repeated equal-size card grids.

Imagery direction

  • Use studio-lit macro photography and high-fidelity product renders.
  • Place the cube on matte graphite, warm paper, and pale wood surfaces.
  • Show material details such as bevels, the LED indicator, charging edge, and a hand beginning a flip.
  • Do not use stock productivity teams, laptop-worker imagery, cartoon illustrations, floating dashboards, or abstract decorative graphics.

7. Signature Design Concept

Page 18 of 20

The Quarter-Turn Instrument

The Landing page opens as a precision product composition rather than a conventional marketing hero. On a full-viewport graphite field, an oversized Focus Cube render sits in a low three-quarter perspective on the right side of the frame, with its active 25-minute face directed toward the visitor. The front face is large enough to nearly meet the lower edge of the viewport.

On the left, the tagline is arranged as three monumental Instrument Sans lines:

Flip it.
Focus.
Get it done.

A thin vertical measurement rule anchors the text. Each line ends with a small Signal Orange square that mirrors the active LED aperture on the cube.

Below the headline, three etched mode labels—25, 50, and 10—allow the visitor to visually inspect each defined device mode. Selecting one rotates the same hero cube by a precise quarter-turn and changes the highlighted LED presentation. This interaction demonstrates the accepted physical ritual without creating a digital timer, dashboard, or new product workflow.

8. Interaction Model & Motion Direction

Interaction Model: Animated
Motion Tempo: restrained
Hero Dimensionality: layered_2d

Page 19 of 20

Landing Hero Motion Brief

Focal subject:
A high-fidelity Focus Cube render in a low three-quarter view, with the active mode face and its warm-orange LED signal visible.

Input → transformation → outcome thesis:
The visitor selects one of the three accepted mode labels—25-minute Focus, 50-minute Deep Work, or 10-minute Break. The same rendered cube rotates exactly one quarter-turn to reveal the selected face. Its LED blooms in Signal Orange for 180 ms and settles into the active-state glow. The resulting composition explains the physical device’s core promise: flip one object and begin one defined session.

First frame:
The first frame is a composed graphite field. The cube occupies the right 58% of the viewport. The active 25-minute face points toward the visitor. The LED provides the only warm-orange functional signal. On the left, the three-line tagline aligns with a thin vertical measurement rule and the compact etched mode legend sits beneath it.

Motion vocabulary:

  • Hero cube slowly settles into its resting angle.
  • Mode selection produces one exact quarter-turn rotation.
  • LED bloom lasts 180 ms and fades with a soft mechanical ease.
  • Section entrances use only opacity transition and an 8 px vertical reveal.
  • The FLIP INDEX rail updates quietly as corresponding sections enter the reading position.
  • No bounce, particles, ambient floating animation, parallax depth effects, glass panels, or decorative motion is permitted.

Reduced-motion state:
When reduced motion is requested, the cube remains static in the selected mode orientation. Mode selection updates the cube face and active LED state without animated rotation. Section content appears without movement or with immediate opacity changes only.

Page 20 of 20

9. Non-Functional Requirements

NFR-01 — Compact physical form

  • Requirement:

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open public product page
Landing: 1. Read tagline and hero presentation
Landing: 2. Select 25-minute Focus demonstration
Landing: 3. View rotated cube face and LED
Landing: 4. Flip cube to 25-minute Focus side
Landing: 5. Confirm 25-minute mode via LED
Landing: 6. Reposition cube to 25-minute side
Landing: 7. Select 50-minute Deep Work demonstration
Landing: 8. Flip cube to 50-minute Deep Work side
Landing: 9. Verify Deep Work mode via LED
Landing: 10. Reposition cube to Deep Work face
Landing: 11. Select 10-minute Break demonstration
Landing: 12. Flip cube to 10-minute Break side
Landing: 13. Confirm Break mode via LED
Landing: 14. Reposition cube to Break face
Landing: 15. Take the intended break period
Landing: 16. Review LED mode explanation
Landing: 17. Review charging and battery presentation
Landing: 18. Connect device to charging edge
Landing: 19. Read mode and battery text fallback
Landing: 20. Select another mode demonstration
Landing: 21. Continue through mode product plates

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open public product page
Landing: 1. Read tagline and hero presentation
Landing: 2. Select 25-minute Focus demonstration
Landing: 3. View rotated cube face and LED
Landing: 4. Flip cube to 25-minute Focus side
Landing: 5. Confirm 25-minute mode via LED
Landing: 6. Reposition cube to 25-minute side
Landing: 7. Select 50-minute Deep Work demonstration
Landing: 8. Flip cube to 50-minute Deep Work side
Landing: 9. Verify Deep Work mode via LED
Landing: 10. Reposition cube to Deep Work face
Landing: 11. Select 10-minute Break demonstration
Landing: 12. Flip cube to 10-minute Break side
Landing: 13. Confirm Break mode via LED
Landing: 14. Reposition cube to Break face
Landing: 15. Take the intended break period
Landing: 16. Review LED mode explanation
Landing: 17. Review charging and battery presentation
Landing: 18. Connect device to charging edge
Landing: 19. Read mode and battery text fallback
Landing: 20. Select another mode demonstration
Landing: 21. Continue through mode product plates