Workflow Corp / Brand system / 01

Useful work.
A clear form.

A practical identity for turning work you figured out with Codex into a workflow you can run and improve.

01 / Identity

A name for the thing you keep.

Workflow Corp is the company. A workflow is the reusable method. A run is one execution of it.

The soft WA single rounded path. It gives a technical product a human, approachable signature.

Give it roomKeep at least half the mark’s height clear on every side. Use the mark at 24px wide or larger.

Keep it simpleUse dark ink on light surfaces, or white on dark. Keep the shape and proportions fixed.

Download the transparent mark
02 / Color

Quiet color. Clear meaning.

White space carries the page. Lavender gives work a focus. Sage gives a completed result a place.

Paper

#FCFCFA

Page background

Ink

#171817

Text and primary actions

Lavender

#EFEDF6

Selected and open states

Sage

#DCE4D8

Completed results

Supporting values: white #FFFFFF · muted text #5C5E65 · borders #DEDEE4 · focus #6D5E9A. Put dark text on light accents.

03 / Type

Plain words, well set.

Two open-source typefaces. Instrument Sans gives the product its voice. IBM Plex Mono makes files and commands easy to identify.

Instrument Sans / 400–600

Build. Run.
Improve.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Headlines, body copy, navigation, and controls.

IBM Plex Mono / 400–500

outbound
.workflow

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Files, commands, inputs, and short execution labels.

Display / 64–72Build and run.
Heading / 36–44Keep what you figured out.
Body / 16–18Run your workflow with your existing tools.
Label / 12–14Open-source SDK
04 / Language

Lead with the action.

Tell a builder what they can do. Then name the product and explain how it helps.

The homepage message

Build and run
agent workflows.

Workflow Corp is an open-source SDK for building reusable workflows from your working instructions. Run them with Codex across websites, apps, and APIs.

ActionBuild. Run. Inspect. Change. Continue. Use direct verbs and name the result.

ProductA reusable workflow, built from the method that worked. An SDK that runs it with your tools.

StoryYou worked with Codex until the task worked. Now keep that method and use it again.

Product entryCreate a workflow
Human helpTalk through your workflow
Input labelWorking instructions
Technical detailExplain it beside the feature that needs it.
05 / Components

One system, in use.

Base UI provides control behavior. Shared tokens provide the look. These are the same components used on the homepage.

Buttons / actions

One primary action. Use a text link or outlined button for the next choice.

Inputs / preferences

Use the name of the job it does.

Outbound research · Results saved
Component example only

Disclosure / workflow steps

Use the criteria in criteria.md.

Feedback / files
CompleteNeeds attentioncriteria.md

Pair color with a label and an icon. Reserve error color for work that needs attention.

--radius-panel: 16px

Spacing4, 8, 12, 16, 24, 32, 48, 64, and 96px. Use space to group related work.

Shape8px for controls. 16px for panels. Full rounding for primary buttons. Borders before shadows.

Motion180ms for state changes. Animate in response to an action. Honor reduced motion.

Download the CSS tokens

One clear offer. One useful example. Room to understand both.

See the homepage