Skip to content



Flowhub logo in black on Neon Moss green




Flowhub

A rebrand for Flowhub, the commerce platform thousands of specialty retailers run their stores on. Identity, website and product UI designed as one system.

ClientFlowhub
Services
BrandWebsite designProduct design


Flowhub logo in four colorways: black on off-white, white on black, black on green and green on dark green


Overview

From purple to Neon Moss

Flowhub runs point of sale, payments, ecommerce, marketing and reporting for specialty retailers across the US, from cannabis dispensaries to liquor stores and CBD shops. More than $4B in sales goes through it every year. We replaced its purple identity with a system built on one mark, Helvetica Now and a single bright green, then carried it into the website and the product UI, so the homepage, the dashboard and the payment screen at the counter are made from the same parts. Flowhub's own team built the new site from our designs.



Flowhub headlines set in Helvetica Now Display Bold, white on black


Helvetica Now type specimen with Display Bold, Display Medium, Text Medium and Text Regular weights


Color and material

Green used as a signal

Most of every surface is Pearly White and Rich Black, with Pearl for panels. Neon Moss is the brand color and appears sparingly, usually on the one action that matters on a screen, so it reads as a signal when it shows up. Shady Canopy, a green so dark it reads as black, carries the brand on dark surfaces, and Sunburst orange is kept for anything that needs attention. Depth comes from two materials: liquid chrome for the mark and frosted glass for interface panels.



Flowhub color palette in proportion: Pearly White, Rich Black, Pearl, Neon Moss, Shady Canopy and Sunburst


Flowhub logo rendered in liquid chrome on black
Handheld check-in screen turning green as a customer is checked in, with Max's daily audit below


Website

Real screens on the homepage

The homepage shows the product instead of describing it. Under the headline, a strip of retailer logos leads into Flowhub's hardware and apps (Maui OS, ecommerce, kiosk and delivery), each shown as the actual screen. Further down, the case for growing a store sits next to a photo with a live deal card over it, so the claim and the feature it depends on are on screen together.



Scrolling the new flowhub.com homepage in Safari


Product UI

Glass panels and plain numbers

The product screens use the same parts as the brand: frosted glass panels, large plain numbers and one green action per screen. The Intelligence dashboard opens on what needs attention today, with sales, margin and stock value at the top. Max, the assistant in these designs, drafts work for a person to approve: a reorder before a bestseller runs out, a weekend bundle built from what shoppers buy together, an adjustment when a shelf count doesn't match the state report. Compliance checks such as ID verification and purchase limits show as small confirmations rather than blocking screens.



Flowhub Intelligence dashboard with sales, margin and stock value cards and Max suggesting a reorder


Max drafting a weekend bundle deal over a photo of a coffee shop counter
Flowhub poster with the line Retail moves fast. We move faster. above a chrome mark


Flowhub mobile apps for orders, delivery, payments and marketing in a row


Proof

Trust signals in the same materials

Security certification and investors usually end up in a strip of gray logos near the footer. We designed them with the materials used everywhere else: the one-platform stack (POS, payments, ecommerce and Max) as layered glass, SOC 2 Type II as a chrome shield, and the company's backers on a chrome map of the US.



Stacked glass layers on a green base, labeled one platform: POS, payments, ecommerce and Max


SOC 2 Type II badge inside a liquid chrome shield
Flowhub investor card framed by a chrome outline of the United States


Imagery

People mid-task

The image direction is warm light, close crops and people in the middle of running a shop: packing an order, scanning a box, passing a bag through a car window. The stores look like the independents Flowhub sells to, with wood shelving, plants and a POS on the counter. The mark appears only where a retailer would put it, on a paper bag or a staff jacket, so the pictures don't read as ads.



Three photos of retail work: packing jars into a box, scanning a parcel and handing over a paper bag


Bright independent store with wooden shelving, plants and a customer paying at the counter


Paper bag with the Flowhub mark handed through a car window for curbside pickup
Store worker in a green Flowhub jacket holding a tablet


Out in the world

Concepts beyond the browser

Two concepts test the system away from a screen you scroll. At the counter, the payment screen turns fully Neon Moss with one word, Paid, large enough to read from the customer's side. At a bus stop, a poster carries the brand line and a cropped mark that still reads at walking pace. Both use the website's type, color and mark, with no new rules added.



Flowhub POS terminal on a cafe counter showing a green Paid screen next to a receipt printer and card reader


Bus shelter poster in Neon Moss with the line Retail moves fast. We move faster. and a large Flowhub mark


Common questions

Flowhub project FAQs

What buyers ask us about the Flowhub project, answered from the work itself

What did the Flowhub project include?
A new identity (mark, typeface, color and materials), the design of the new flowhub.com, product UI designs for the Intelligence dashboard, the assistant and handheld check-in, an image direction, and concepts for the counter and outdoor advertising. Flowhub's in-house team built the website from our designs.
Can you hand designs over to our own developers?
Yes, that is how this project ran. We designed flowhub.com and Flowhub's team built it on their own stack. When we build the site as well, we do it in Next.js and Sanity, and the brand ships as design tokens and components rather than a handoff file.
How do you design product UI for regulated retail?
Compliance has to be visible without taking over the screen. In the Flowhub designs, checks like ID verification, purchase limits and Metrc manifest syncing appear as small confirmations inside a sale. Anything that needs a person, like a shelf count that doesn't match what was reported to the state, is flagged in orange next to a drafted fix.
Why one accent color across the whole system?
So it works as a signal. Nearly every surface is off-white or near-black, which leaves Neon Moss for the one action on a screen, the payment confirmation at the counter and the brand on a poster. Used everywhere, it would stop meaning anything.


Services



Get in touch

Tell us what you're building. We reply within one working day. Jono or someone on the team picks up every message personally.

You can also book a call.

By sending this you agree to our privacy policy. We only use your details to reply.