plasma-hola is a freelance services marketplace in the spirit of Fiverr: a place where independent sellers publish the services they offer as listings, and buyers browse, search, evaluate, and order those services. The product's intent is to let a person sell their craft — design, writing, video, code, voice, and similar work — as a purchasable gig, and to let a buyer find the right maker and commission the work through the platform, receiving the finished deliverable there.
The audience is two-sided. Freelance service sellers want a marketplace presence where their skill is presented as a listing they can sell. Buyers want to browse a roster of makers, compare what is offered, and place an order for the service that fits their need.
The storefront is also intended to be publishable on Fiverr: the catalogue it presents is a curated selection of the best-selling digital products and services (deliverables that are produced and handed over digitally — design files, writing, video edits, code, voice-over, templates, and similar digital work), so that the same store can be listed and sold on Fiverr as well as operated first-party. The best-selling digital products the store offers are researched and curated by the product itself rather than left to the visitor to guess.
This document is the System Requirements Document for plasma-hola, written for Yojan Garcia (MX).
plasma-hola is delivered as a first-party web application with application-owned identity. It consists of:
Two active human personas use the product: the Freelance service seller and the Buyer. A single account may act in either role; the seller role is established so that listing and order management become accessible.
Accepted current behavior:
Access ownership: the Landing, Sign Up, Login, and Browse Services surfaces are anonymously reachable. Service Details, My Orders, My Gigs, and Seller Orders are role-restricted and require an established identity; the seller-owned surfaces require the seller role.
Removed from scope
plasma-hola is a two-sided marketplace, not a portfolio site and not a checkout funnel. Its center of gravity is the listing: a seller's service presented as a feature, and a buyer's path from browsing to a placed order to received work.
Delivery is first-party and application-owned. Identity is established inside the product through self-service Sign Up and returning Login; there is no provider-owned or external identity surface. All durable state — accounts, roles, listings, orders, and deliveries — lives in the application's own database behind the shared backend.
The current horizon covers the full sell-and-buy loop: enroll, publish a listing, browse and search, order, manage the order as seller, deliver the work, and receive it as buyer. Nothing beyond that loop is committed here. Payment processing, messaging, reviews, and dispute resolution are not part of the accepted current scope and are not implemented as current behavior.
The store's merchandise is digital. Every listing in the catalogue is a digital product or digital service whose deliverable is handed over through the platform as digital content — no physical shipping, inventory, or logistics are part of the product. The catalogue is not an open-ended dump of everything a seller might offer: it is a curated selection of the best-selling digital products and services, researched and chosen by the product, and presented as the store's featured merchandise. The same catalogue and its listing copy are written so the store can be published and sold on Fiverr.
FR-1 — Marketplace for selling services (explicit) As a Freelance service seller, I should be able to offer my services for sale on the marketplace, so that buyers can purchase them.
FR-2 — Publish service listings (explicit) As a Freelance service seller, I should be able to publish a service listing with a description and price, so that buyers can purchase it.
FR-3 — Browse and search listings (explicit) As a Buyer, I should be able to browse and search service listings, so that I can find a service that fits my need.
FR-4 — Place an order (explicit) As a Buyer, I should be able to place an order for a service listing, so that the seller performs the work for me.
FR-5 — Receive and manage orders (explicit) As a Freelance service seller, I should be able to receive and manage orders for my listings, so that I can fulfill them.
FR-6 — Deliver completed work (explicit) As a Freelance service seller, I should be able to deliver completed work to the buyer through the platform, so that the buyer receives what they ordered.
FR-7 — Receive delivered work (required_inference) As a Buyer, I should be able to see the work delivered for my order, so that the order is complete from my side.
FR-8 — Self-service enrollment (required_inference) As a Buyer or Freelance service seller, I should be able to enroll myself with a role, so that I can begin using the marketplace.
FR-9 — Returning verification (required_inference) As a Buyer or Freelance service seller, I should be able to log in, so that I can reach my durable records.
FR-10 — Seller role establishment (required_inference) As a Freelance service seller, I should have the seller role established on my account, so that I can access listing and order management.
FR-11 — Curated best-selling digital products catalogue (explicit) As a Buyer or Freelance service seller, I should be able to see the store's curated selection of best-selling digital products and services, so that I know what the store sells and what is most in demand.
FR-12 — Digital-only merchandise (explicit) As a Freelance service seller, I should be able to sell only digital products and digital services, so that the store's catalogue stays a digital store.
Muse and headline: Tobias van Schneider — editorial minimalism with swagger. Headline register: Hire the hand behind the work.
Mode: Light mode only.
Colour tokens (exact hex, by role):
| Role | Hex | Usage |
|---|---|---|
| Background (paper) | #F4F0E8 | Warm off-white ground, ~70% of surface |
| Surface | #FFFFFF | Listing cards and form fields only — read as mounted prints |
| Text / primary | #111111 | Type, rules, full-bleed type blocks, solid buttons |
| Accent | #E4372B | Single CTA per screen, category labels, price figures, accent rule — never more than one accent element per viewport |
| Muted | #8A857B | Metadata, timestamps, helper copy |
No blue anywhere. No gradients.
Typography:
clamp(44px, 11vw, 148px); section display clamp(32px, 5.5vw, 72px); listing title 28/22/20px.Shape language: Sharp corners everywhere — 0px radius on cards, inputs, and buttons. Hairline 1px rules in #111111 at 20–30% opacity. Full-bleed black type blocks with hard edges. Images cropped to strict rectangles in a 12-column asymmetric grid, some bleeding off the right edge. Buttons are solid black rectangles with white type; the accent appears only as a thin underline or a 3px left rule.
Layout: Asymmetric editorial grid — 12 columns on desktop with a 2-column left margin gutter for section numbers and labels, collapsing to a single column at 375px. Sections alternate between warm-paper quiet spreads and full-bleed near-black type spreads. Listings are a staggered editorial index — rows of large title, seller name, price, and a cropped thumbnail — not a uniform card grid; one listing is always promoted to a full-width feature with oversized type. Vertical rhythm: 120–160px section gaps on desktop, 64px on mobile.
Imagery: Large-scale editorial photography of makers at work — hands, tools, screens, workbenches — warm and slightly grainy, monochrome or near-monochrome with one colour frame. Seller portraits cropped tight and printed large. Work samples as full-bleed rectangular crops bleeding off one edge. No 3D blobs, no stock smiling teams, no icon illustration beyond small typographic glyphs.
Accessibility of text and controls: Headlines, wordmarks, labels, numbers, card text, and controls stay entirely inside the viewport and their container at 375px, 768px, and 1280px, wrapping or scaling to fit; no other element covers any part of them. Imagery and decoration may crop, bleed, overlap, or rotate freely as long as they cover no readable text or control.
The public entry is a full-width editorial spread on warm paper #F4F0E8. A single oversized Bodoni Moda headline — "Hire the hand behind the work." — is set at clamp(44px, 11vw, 148px) in near-black #111111, spanning all 12 columns and wrapping to three lines, with the word hand in italic vermilion #E4372B. To its right, a tall rectangular seller photograph bleeds off the top and right edge of the viewport, cropped tight to hands at a workbench.
Beneath the headline sits a hard-edged black search bar with white type and a vermilion caret reading "What do you need made?", followed by a thin rule and a row of category words in small uppercase Archivo — Design, Writing, Video, Code, Voice — each a text link with a vermilion underline on hover. No centred stack, no gradient, no floating cards.
Below the fold, the first published listings appear as the editorial index: staggered full-width rows of large serif title, seller name in uppercase Archivo 11px, tabular price, and a cropped thumbnail, with one listing promoted to a full-bleed black feature block. Section openers are numbered in the left gutter (01, 02, 03) in 11px uppercase Archivo with a 1px rule running to the column edge, alternating paper and near-black full-bleed spreads.
Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: flat
Landing Hero Motion Brief
prefers-reduced-motion, all reveals resolve instantly and hover swaps become static; the interface remains fully usable.#E4372B used for one CTA per screen, category labels, price figures, and accent rules.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!