Skip to main content
All work07 / 18

Fictional brand · Technology / Digital operations

Relay Systems

Draw the system, then run it.

A fictional brand, not client work. Nothing on the live website is sold or booked.

Desktop and phone, captured from the live website
Desktop screenshot of the Relay Systems website homepage, designed for a fictional brand
Phone screenshot of the Relay Systems website homepage, designed for a fictional brand

The brief

Terminal-dark pages for a fictional digital-operations studio, with a node diagram and a workflow lab that runs in the browser.

  1. Challenge

    Automation is hard to picture, and the easy fix is a dashboard of invented numbers. This study shows the work without fake metrics or client data.

  2. Direction

    A near-black canvas, monospace labels and a large sans headline with an acid-lime second line. A boxed node diagram, input to relay to handoff, sets up the lab below.

  3. Journey

    Pick a sample input, toggle a human review step and run a local simulation of the four-step path. No accounts, data or outside systems are connected.

    Try it in the live website

System

  • Colour 01#0B131DText pair #B6F45A · 14.3:1
  • Colour 02#B6F45AText pair #0B131D · 14.3:1
  • Colour 03#A9BEF4Text pair #0B131D · 10.1:1
Sector
Technology / Digital operations
Status
Designed for a fictional brand
Languages
English and Chinese
Live website
Open

Deliverables

  1. Dark technical identity
  2. Node-based system map
  3. In-browser workflow lab
  4. Plain-language service structure

Want a direction like this for your own business?Start a project

08 · Beauty / Hair studio

Forma Studio

Hair, edited like a fashion page.

Have somethingworth signalling?

Tell us what you are making and who needs to find it. Write in English or Chinese.