gemini-robot-computer is a fundraising product built to raise money for a new idea: a Gemini robot — a robot whose face is a computer running Gemini. The product exists so that the idea can be presented publicly, its funding goal stated, and supporters given a way to contribute toward building it.
The audience is two-fold. The Campaign Creator (Jojo, 25, US) is the person behind the idea, who needs a place to describe the robot, set the funding goal, and watch whether the campaign is attracting support. The Supporter is an early adopter, AI-curious backer, or design/hardware enthusiast who reviews the idea, decides whether to contribute, and follows progress toward the goal.
The product is a crowdfunding surface for one speculative consumer robotics idea, not a general marketplace, not a store, and not a robot control application. Its job is to make the Gemini robot idea legible and credible, and to convert that credibility into contributions.
The system is a web application with a public-facing campaign surface and a protected creator workspace.
Current delivery. A public Landing page introduces the fundraising product and the Gemini robot idea. A public Campaign page presents the idea, its funding goal, and live progress, and accepts supporter contributions. A protected Campaign Setup workspace lets the Campaign Creator write and maintain the campaign description and funding goal. Sign Up provides self-service enrollment for the Campaign Creator, and Login provides returning verification so the creator can resume campaign management.
Actors. The accepted active human personas are the Campaign Creator and the Supporter. Payment processing for contributions is handled by an external payment provider; the application does not own card data.
Accepted behavior. Raising money to fund the Gemini robot idea; presenting the idea and its funding goal so supporters can contribute; self-service enrollment for the creator; returning verification to resume campaign management; public campaign access for supporters to review the idea, contribute, and view funding progress.
Narrow exclusions. The product does not build, simulate, control, or ship the robot itself. It does not provide robot telemetry, firmware, or device management. It does not provide social networking, messaging between supporters, or creator payout accounting beyond the funding progress shown on the campaign.
The delivery boundary is a first-party web application. The application owns the campaign content, the funding goal, the contribution record, and the funding progress shown to supporters. The application owns identity for the Campaign Creator, because the creator must privately own and resume durable campaign state across sessions, and because contributions must remain bound to the correct campaign.
The Landing and Campaign pages are publicly reachable without identity. Sign Up and Login are anonymously reachable entry surfaces — a protected destination cannot own the interaction that establishes access to itself. Campaign Setup is protected and requires an established creator identity.
Payment authorization and capture for contributions are owned by an external payment provider. The application records the resulting contribution and reflects it in funding progress; it does not store card numbers.
Current horizon: the five pages above and the contribution lifecycle. Future horizon: nothing in this document is committed beyond the current horizon; any expansion of the robot idea into an actual product line, hardware pre-order fulfillment, or backer reward tiers is out of scope for this generation.
No reference directive in this project declares content_source. No source content inventory is included.
FR-1 — Raise money to fund the Gemini robot idea. (explicit) As a Campaign Creator, I should be able to raise money to fund a new idea — a Gemini robot capable of living in a robot with the face as a computer running Gemini — so that the idea can be built.
FR-2 — Present the Gemini robot idea and its funding goal so supporters can contribute. (explicit) As a Campaign Creator, I should be able to present the Gemini robot idea and its funding goal publicly so that supporters can contribute toward it.
FR-3 — Self-service enrollment for the Campaign Creator before protected campaign setup. (required_inference) As a Campaign Creator, I should be able to enroll myself so that I can begin creating and managing my campaign.
FR-4 — Returning verification for the Campaign Creator to resume campaign management. (required_inference) As a Campaign Creator, I should be able to verify my identity on return so that I can resume managing my campaign.
FR-5 — Public campaign access for supporters to review the idea, contribute, and view funding progress. (required_inference) As a Supporter, I should be able to review the Gemini robot idea, contribute toward its funding goal, and view funding progress, so that I can decide whether and how much to give.
FR-6 — Create and maintain the campaign description and funding goal. (required_inference) As a Campaign Creator, I should be able to create and maintain my campaign description and funding goal in a protected workspace so that the public campaign reflects my current intent.
FR-7 — Publish the campaign so it becomes publicly visible. (required_inference) As a Campaign Creator, I should be able to publish my campaign so that supporters can find it and contribute.
FR-8 — View funding progress toward the goal. (required_inference) As a Supporter, I should be able to view funding progress toward the goal so that I can judge how close the campaign is to being funded.
FR-9 — Track whether the campaign is attracting support toward the funding target. (required_inference) As a Campaign Creator, I should be able to track whether my campaign is attracting support toward the funding target so that I can judge whether the idea is gaining traction.
Product context. The Campaign Creator is the person behind the Gemini robot idea — a robot capable of living in a robot body with the face as a computer running Gemini. They arrive with an idea and a funding target, and they need a place to state both credibly.
Primary goal. Raise money to fund the Gemini robot idea by presenting it publicly and converting interest into contributions.
Distinct accepted responsibilities. The creator is the only actor who writes the campaign description, sets the funding goal, sets the risk note, and publishes the campaign. The creator is also the only actor who tracks whether the campaign is attracting support toward the funding target from the protected workspace. This is authorship and stewardship work — it is not the same as reviewing or contributing.
Relevant inputs and decisions. The description of the Gemini robot idea; the funding goal amount; the risk note; the decision to publish; the decision to revise the description or goal as support accumulates.
Interactions with other accepted participants. The creator's published campaign is what the Supporter reviews and contributes to. The creator's progress summary reflects the Supporter's contributions. The creator does not interact with supporters directly in this product.
Observable success. A published campaign with a stated funding goal, a rising raised amount and backer count, and a funding arc that visibly approaches the goal.
Constraints. The creator must establish an identity before reaching the protected workspace, and must verify that identity on return to resume campaign management.
Product context. The Supporter is an early adopter, AI-curious backer, or design and hardware enthusiast who encounters the Gemini robot idea on the public campaign surface. They are evaluating a speculative future object, not buying a finished product.
Primary goal. Decide whether to contribute toward funding the Gemini robot idea, and see how close the campaign is to its goal.
Distinct accepted responsibilities. The Supporter reviews the idea and its funding goal, decides on a contribution amount, completes the contribution, and views funding progress. The Supporter does not author or edit campaign content and does not have access to the protected workspace.
Relevant inputs and decisions. The campaign description, the funding goal, the current raised amount, the backer count, the days left, the risk note, and the contribution amount the supporter chooses to enter.
Interactions with other accepted participants. The Supporter's contribution is what moves the Campaign Creator's funding progress. The Supporter sees the aggregate result of other supporters' contributions through the raised amount and backer count.
Observable success. A confirmed contribution with the contributed amount and the updated progress toward the goal.
Constraints. No identity is required to review the idea, contribute, or view funding progress.
The creative direction is authoritative for this section. The muse is Zaha Hadid, and the headline idea is fluid parametric grandeur for a machine that dreams — sweeping continuous surfaces, pearl-white shells, and frozen motion, so that the body and the screen read as one continuous form.
Mode. Dark mode.
Colour tokens by role.
| Role | Hex | Use |
|---|---|---|
| Background | #0B0D10 | Charcoal ground; the base of every page |
| Surface | #161A1F | Panel ground for forms, the metadata rail, and the contribution panel |
| Text | #F2F0EC | Primary display type and body text |
| Primary | #C9A227 | Gold; the only hot accent — reserved for funding progress, the contribute CTA, and the live goal figure |
| Accent | #E8E2D6 | Pearl; defines the robot's shell and carries display type |
| Muted | #8A8F98 | Muted silver; secondary copy, metadata, and 1px rules |
Colour proportion. Roughly 70% charcoal, 20% pearl/silver, 8% surface panel, 2% gold. Body text sits on charcoal or on surface #161A1F, never on gold.
Typography.
0.14em tracking for section eyebrows; sentence case for the giant hero line. Tight leading of 0.92 so the headline reads as a sculpted block. Weight contrast does the hierarchy work: 200 for the oversized hero, 500 for labels and numbers.clamp(48px, 9vw, 128px).clamp(40px, 6vw, 88px) with tabular numerals.Shape language. Continuous curvature everywhere. Section boundaries are elliptical arcs rather than straight rules. Cards have one large 48px radius and one small 8px radius on opposite corners, so no panel is a plain rectangle. The progress meter is a sweeping gold arc rather than a bar. Buttons are capsule or single-corner-cut shapes, never plain rounded rectangles. Diagonal flow lines at 12° cross section seams. No hard 90° corner anywhere except the thin 1px data rules.
Spacing rhythm. Generous negative space — 96px+ vertical rhythm on desktop, 56px on mobile. Nothing sits in a grid of identical cards.
Imagery style. One crafted real-time 3D subject: a pearl-white parametric robot head whose face is a curved emissive screen, rendered in Three.js / React Three Fiber with a soft studio environment and a subtle gold rim light. Supporting imagery is macro detail of the shell seam, a topographic line field derived from the robot's face curvature, and a single screen-glow close-up. No stock people, no flat clip art, no gradient blobs.
Forbidden. Blue or indigo primary buttons on white; gradient-blob heroes; floating glass cards; identical hover-lift card grids; Inter, Roboto, Arial, Helvetica, Poppins, or system-ui for headings or body; straight 90° section rules and plain rectangular cards; bouncy or springy easing; stock photography of people, flat vector clip art, or cartoon robot illustrations; centred headline + subtext + CTA stacked in the middle of the hero; any second accent colour competing with the gold. The generic indigo/blue-on-white SaaS template is forbidden for this project.
The gallery object. The public entry — Landing — opens as a full-bleed immersive hero. The pearl-white parametric robot head occupies the right 55% of the viewport, cropped by the bottom edge so it reads as an object in a gallery rather than an illustration. It rotates slowly on a 2° axis under a pearl-to-charcoal rim light with a subtle gold rim.
The left 45% holds a stacked, left-aligned headline set in Jost 200 at clamp(48px, 9vw, 128px) reading "A COMPUTER FOR A FACE. A ROBOT FOR A MIND." A single gold underline sweeps beneath the second line, animating in on first paint.
Beneath the headline, pinned left, sits the live funding arc — gold on charcoal — with the raised amount, the goal, and a pearl capsule "Back this build" CTA. A thin pearl rule arcs across the whole viewport at 12°, separating the hero from the next section.
The concept recomposes only accepted content and controls: the headline states the accepted idea, the funding arc states the accepted funding goal and progress, and the CTA leads to the accepted Campaign page. It introduces no new behaviour, page, or destination.
Interaction Model: Parallax Motion Tempo: cinematic Hero Dimensionality: webgl
Focal subject. The pearl-white parametric robot head whose face is a curved emissive screen, occupying the right 55% of the viewport and cropped by the bottom edge.
Input → transformation → outcome thesis. As the visitor scrolls, the hero's curved seam slides upward while the funding arc fills toward its current value — the same continuous surface that defines the robot's shell also carries the campaign's progress. The outcome is that the visitor reads the idea and the funding position as one architectural object.
Motion vocabulary. One slow 40-second parallax drift of the hero shell layers; a scroll-linked morph where the hero's curved seam slides upward as the funding arc fills; 400ms cubic-bezier(0.22, 1, 0.36, 1) reveals for each section. No bounce, no particles, no cursor-chasing.
Composed first frame. The robot head is already present at its resting rotation, the headline is set and legible, the gold underline has swept in beneath the second line, and the funding arc renders at its current value with the raised amount, goal, and "Back this build" capsule CTA pinned left.
Reduced-motion state. Under prefers-reduced-motion, all parallax and morph stop. The hero becomes a static layered composition and the funding arc renders at its final value. The headline, funding figures, and CTA remain fully readable and operable.
A single crafted real-time object: a pearl-white parametric robot head whose face is a curved emissive screen, built in Three.js / React Three Fiber. The scene uses a soft studio environment with a subtle gold rim light. The head rotates slowly on a 2° axis and is cropped by the viewport edge. The defining state it shows is the product's core idea — a computer for a face, a robot for a mind — rendered as a real object rather than an illustration. Under reduced motion the object holds its resting rotation and the scene renders as a static layered composition.
NFR-1 — Readable text and controls stay whole at every viewport. (explicit, creative direction)
Headlines, wordmarks, labels, numbers, card 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. No other element covers any part of them. Imagery, decoration, and motion may be cropped, bled off an edge, rotated, overlapped, or cut as the direction asks, as long as they cover no readable text or control.
NFR-2 — Moving and scrollable content remains fully readable. (explicit, creative direction)
Marquees, tickers, carousels, and horizontally scrollable rows may cross the viewport or container edge by design. Every item must become fully readable as it passes. Under prefers-reduced-motion, provide a usable static arrangement: wrap items into rows or allow horizontal scrolling so each item can be brought fully into view. The Campaign metadata rail's mobile horizontal scrollable strip follows this rule.
NFR-3 — Reduced-motion support. (explicit, creative direction)
Under prefers-reduced-motion, all parallax and morph stop; the hero becomes a static layered composition and the funding arc renders at its final value.
NFR-4 — Durable campaign and contribution state. (required_inference) Campaign content, funding goal, published state, and recorded contributions persist across sessions so that the Campaign Creator can resume management and supporters see consistent progress.
NFR-5 — Identity continuity for the Campaign Creator. (required_inference) Creator identity is application-owned and persists across sessions so that the creator can resume campaign management and so that contributions remain bound to the correct campaign.
NFR-6 — Payment data is not stored by the application. (required_inference) Contribution authorization and capture are handled by an external payment provider. The application records the resulting contribution and reflects it in funding progress; it does not store card numbers.
NFR-7 — Public surfaces are reachable without identity. (explicit, planning scope) Landing and Campaign are reachable without identity. Sign Up and Login are anonymously reachable entry surfaces. Campaign Setup requires an established creator identity.
NFR-8 — No differentiated permissions beyond creator ownership. (required_inference) The only access distinction in this product is between public surfaces and the creator's own protected campaign workspace. No role-based visibility or permission controls over shared product state are established by the source.
Assumptions.
Constraints.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!