Spray.

Spray is a mobile-native creator commerce platform for West African entrepreneurs and independent sellers. The platform issues each creator a single spray.me address that functions as the entirety of their commercial presence online: a storefront they build, manage, and scale from their phone.

The product was conceived with Abel Paul George and developed through an iterative design sequence inside Variant and Rork, an AI-assisted mobile application builder. Visual language is established in Variant; sequential prompts in Rork generate the application logic. The cycle of design, prompt, build, review, and refine governs the entire production.

Visual system.

White backgrounds carry the full weight of the interface. Electric blue governs all active states, navigation, and interactive chrome. Chartreuse appears exactly once on any given screen, reserved for the primary call to action so that it operates as a signal rather than as a color. Anton condensed capitals anchor every headline. The aesthetic register is editorial in the tradition of fashion lookbooks rather than typical fintech or social commerce. Currency throughout is the Nigerian Naira.

App shell versus storefront.

The critical structural distinction governs every product decision: separation between the application shell and the creator's published storefront. The application maintains its own identity (white, electric blue, chartreuse, persistent wordmark). The published storefront belongs entirely to the creator; no Spray identity bleeds into the output. The operative analogy is Wix. The builder and the artifact are distinct surfaces.

Two reference onboarding sequences. Both demonstrate the inversion that governs the product: the creator is inside the editor from the first screen rather than configuring it from the outside.

Build, sell, grow.

The application organizes around three persistent modes. Build operates as the storefront editor: a full-canvas, section-based editor whose data model is shared with onboarding, so every configuration written during setup persists into post-launch edits. Sections include hero images, product grids, text blocks, about pages, galleries, video embeds, testimonials, social links, tip jars, contact forms, and dividers. Each section responds to two controls: a blue paintbrush for layout and a black pencil for content.

Sell operates as commerce command center. Orders move through a four-stage pipeline (Received, Confirmed, Packed, Delivered). The WhatsApp integration extends beyond surface linking: a Quick Mode panel composes structured messages for specific commerce actions, generating product cards with prices, itemized order summaries with payment links, discount codes with auto-generated payment URLs, full catalog shares, and shipment tracking links. Conversational relationships remain intact while business structure resolves behind them.

Grow surfaces lightweight analytics in the register of a morning brief rather than a dashboard: visit counts, weekly Naira revenue, order volume, behavioral signals including checkout drop-off and traffic source attribution.

Buyer-facing storefront.

Each spray.me address renders as a continuous editorial page: full-bleed hero with the creator's name as frosted-glass masthead, product grid in condensed capitals with Naira pricing, footer with social attribution. Buyers can complete direct purchase, submit offers, request custom quotes, check availability, or open a WhatsApp conversation with the seller from within the storefront itself.

The design tab is the surface on which the storefront actually gets built. A full-canvas, section-based editor in which every change writes through to the live store. Two reference walkthroughs follow: the section editor and the experiences module, the latter governing how non-product surfaces (about pages, contact, custom blocks) are composed.

That conviction governs the entire product. A phone, a great photo, and something worth selling. The application provides the rest.