Merc

cleo

merx, and Mercury: trade, and the messenger who carried it.

Clio, the muse whose work was keeping the record of what happened.

The messenger and the record-keeper.

Design note · 02 Aug 2026

The rules we made first

A note on how the work gets made: what we measure, what we remove, and what we draw.

01

Where identity lives. Why the rules came before the mark.

Most software identities are a mark, a colour and a document about tone. Ours is not held in any of those. It is held in a short set of rules about what has to be measured, what we are willing to remove and what we insist on drawing ourselves. Those rules produced the mark, the colours and the voice, rather than the other way around.

That ordering is the whole method. A mark can be redrawn in an afternoon. A rule about what you may not draw survives every redesign, every new hire and every deadline that would like an exception. The identity is the constraint set, and everything visible is a consequence of it.

What follows is that constraint set, stated plainly enough to be argued with.

02

A name with nothing in it. What Mercleo means, and when it started meaning it.

Mercleo is an invented word. It was chosen for its sound: three syllables, no hard edges, and nothing it already meant in somebody else's industry. Names of that kind are supposed to be empty, and for a while this one was.

An invented word collects meaning anyway. Said slowly it comes apart into two pieces, and each piece turns out to be somebody's name.

Merc is the root behind Latin merx, merchandise, and mercari, to trade, and behind the god those words produced. Mercury is remembered for commerce, but that was the smaller half of the job. He was the messenger: the one who carried word between parties who could not meet, and who was therefore trusted with things that had not happened yet.

Cleo is Clio, or Kleio, the muse of history, whose name descends from kleos, the renown that outlives a person because somebody wrote it down. Her instrument is not the lyre. It is the scroll. She is the muse of the record.

Set beside each other the pairing stops being decorative. Commerce and record-keeping are not two activities that happen to sit near one another. They are the same invention. The oldest writing anyone has found is not a poem or a prayer; it is an inventory, pressed into clay at Uruk five thousand years ago, counting grain and livestock and who owed what to whom.

Accounts came first. Everything else we do with writing came afterwards.

We did not name the company that way. We read it that way now, and the reading turned out to describe the work exactly. Carry the message, and keep the record. Those are the two things a small organisation needs from its software, and the two things it is usually made to buy separately.

It is also the argument the architecture makes. A person exists once across hiring, learning, events, giving and the customer record, and every product reads and writes that single entry. The name and the system say the same thing, which was luck first and a constraint afterwards.

03

Measure before deciding. An observable fact beats a defensible opinion.

The design system was built by measuring reference material rather than by taste. Every value has a source. Where the system departs from what was measured it does so three times, and each departure is written down with its reasoning.

This is less a style than a tiebreaker. Design arguments stall when two people hold defensible opinions and have no way to choose between them. They resume when somebody produces a number. Preferring an observable fact to an opinion does not make the work automatic: deciding what to measure is still a judgement, and the interesting decisions are almost always about which fact matters. What it does mean is that the system can be inspected by someone who was not in the room, and that a decision can be shown to have stopped being true.

A design principle nobody can enforce is a preference with better formatting.

So the measuring is kept rather than filed. The palette's spread is checked. The grain is measured rather than admired. Neither check improves the work; they stop it degrading, which over a long enough period is the same thing.

The three departures

Secondary text

70% opacity78% opacity

Secondary text is the body colour turned down rather than a separate grey, so how legible it is depends on the surface behind it. At the measured setting it cleared the accessibility minimum on the page and missed it on both of the darker surfaces, including cards, which is where secondary text mostly lives. Eight points darker clears it everywhere.

Border weight

one hairlinea second, heavier

The measured hairline is right for a divider and too faint when the border is the only thing telling you that something is a control. A second weight was added for inputs, selects and quiet buttons, and used nowhere else.

Easing

none, across 58 stepsone decelerating curve

The reference specifies no easing anywhere. We kept its default for hovers and colour changes, but panels now decelerate as they arrive. On a plain default a panel feels like it arrives twice.

Two contrast corrections and one easing curve. Everything else in the system is the value we measured.

04

Subtract the problem. The accent colour we do not have.

There is no accent colour anywhere in the system. The primary action is near-black.

The reasoning is subtractive rather than aesthetic. An accent would have to work as a fill, as text, on tints, and against four product hues that already carry the identity. Four contexts, each with its own contrast requirements, and a fresh judgement call every time a new surface appears.

Removing the accent did not solve that problem. It deleted it.

pulse

reach

cadre

engage

The same near-black action on all four product fields. No second value, no contrast table.

The neutrals are warm, and there is deliberately no blue in the neutral ramp. That single omission is most of why the system reads editorial rather than financial. Grey with blue in it looks like software. Grey without it looks like paper.

no hue

0

60°

50

60°

100

60°

150

no hue

600

no hue

850

no hue

900

no hue

950

The hue of every step in the neutral ramp. The tints sit at 60°, the greys carry no hue at all, and nothing is anywhere near blue's 210 to 240.

Subtraction is the move we reach for first now, and it is the least rewarding kind of design work, because what you produce is an absence and nobody can see an absence. The compensation is that absences never need maintaining.

05

Keep colour in the artwork. Identity as a recipe, not a swatch.

Because the interface is neutral, every hue arrives from a single place: the motifs.

Each product owns a painterly gradient rather than a brand colour. Nothing else changes between them. Same near-black button, same neutrals, same type. The assignment is by temperament rather than by ownership of a hex value.

pulse

momentum, direction

cool: periwinkle, sky

reach

outbound warmth

warm: amber, gold

cadre

steady, institutional

blue-green: sky, forest

engage

growth, people

green: chartreuse, sage

One recipe, four families. Same composition, same texture, same tone. The only variable is which six stops go in.

A motif is polychrome, which is the part that matters. Each traverses six stops: the family's two hues, two borrowed deliberately from outside the family, a near-black anchor and a base. The borrowed hues are load-bearing. An early version used family hues only, and every product read as one colour repeated at different opacities. Four brand colours after all, just softer. The intruders are what let a motif read as a mixed thing rather than as a tint.

Reach, taken apart

#E8823C

24°

family

#E8B21E

44°

family

#C4456E

341°

intruder

#5E7EBC

220°

intruder

#33120B

no hue

anchor

#E9C8A0

33°

base

Two amber-family hues, then a rose and a blue from outside it, then the anchor and base. The two marked stops are why the field reads as a mixed thing rather than as amber at four opacities.

Between them the four palettes cover 75% of the hue wheel, with no gap wider than 49°. That is checked rather than assumed. The palette once sat at 26% of the wheel with a 152° hole in it covering violet, magenta, red and teal, and nobody caught it by looking at the swatches for weeks. A palette can look varied and still be two colours.

Identity here is a recipe rather than a swatch, which is why it survives at any size, on any surface, without a rule about where it may appear.

06

Earn the softness. What the grain is actually doing.

A diffuse colour field with visible grain reads as printed artwork. The same field, clean, reads as a default somebody did not change.

The texture is the entire difference between a mesh gradient and brushwork, and it is not decoration. It is what earns the softness. Without it the gradients would have to justify themselves as an interface element, an argument they lose. With it they are simply pictures, and a picture is allowed to be beautiful in a way that a background is not.

with grain

without

The same field, the same stops, shown at actual size. Two versions of the grain layer shipped completely inert before one worked, and both looked entirely plausible beside an ungrained control that was also ungrained. It is the one part of the treatment that cannot be verified by looking, so it is measured instead.

The division that follows is the one we would keep if we kept nothing else. The neutrals are the workplace: calm, warm, papery, the surface someone looks at for six hours. The colour is the life inside it.

07

Draw people, not personas. 27 figures and one recurring cast.

There are 27 drawn figures and a single small fictional cast, 10 people and 5 organisations, who recur across everything.

All 27. Figure-only cuts, no background plate.

The same person turns up in a candidate list, in a pipeline and on a program roster. Each cast member has one face, fixed, and it cannot quietly drift the way a convention would. Somebody you met in a hiring graphic appears later, registered for an event. That recurrence does work a paragraph of copy would otherwise have to do badly.

Amara Osei

Operations Lead · stage 3 of 5

Shortlisted

Amara Osei

Harbourline Co-op · renewal

In pipeline

Amara Osei

Spring intensive · 12 Mar 2026

Registered

One cast member, three products, one face.

The cast is plausible, Canadian, never real and never jokey: dull, unremarkable people, because a cast that performs is a cast you notice instead of the work. The figures are cut without background plates, so they sit on whatever surface they land on and invert correctly on a dark tile. A baked-in pastel plate would have been an accent colour arriving through the back door.

08

Keep the numbers small. The scale of a real organisation's week.

Every number we depict is the size of a real organisation's numbers. Forty-six applicants in a pipeline. Fifty-eight contacts in a segment. An early-bird ticket at CA$95.00 that sold out at sixty.

Small and precise reads as an actual customer. Large and round reads as a company picturing one. The difference is not honesty, it is recognition: an operations lead knows what a Tuesday looks like, and a number that has never been anybody's Tuesday is visible from across the room.

46

applicants

a hiring pipeline

58

contacts

an audience segment

CA$95.00

60 of 60 sold

an early-bird ticket

It disciplines the drawing too. A table designed around forty-six rows is a different table from one designed around ten thousand, and only one of them is the table our customers will actually open.

09

Write like the reader works. The vocabulary of the job.

Headings are verbs the reader performs, never nouns the product possesses. Issue receipts. Fill the room. The product is not the subject of the sentence.

As we write it

Issue receipts

As we do not

Receipt automation

The vocabulary is the vocabulary of the job: offer letter, filing period, receipt, board meeting. Confirmations read Sent, or Issued. Graphics and copy alike show the moment after the work is done rather than the anxiety before it, because that is the promise being made. This already happened, and it was easy.

Canadian conventions run throughout, quietly, without ever being the point.

10

What the rules add up to. Closing.

Measure rather than assert. Remove rather than manage. Keep the colour in the artwork and the workplace neutral. Draw the same people until they are familiar. Keep the numbers the size they really are. Write the reader as the subject.

None of these are original positions, and none of them are difficult to agree with in a meeting. What is difficult is holding to them on the afternoon when a placeholder would ship the page, or when an accent colour would make one screen easier. Writing them down is how they survive that afternoon.

Colophon

Type
Switzer, one family at every size, set at a single weight for headings and body alike. A monospace for figures, labels and anything that is a value.
Colour
Warm neutrals with no blue in the ramp, and no accent. Four painterly motifs of six stops each, which is the only place hue appears.
Figures
27 drawn figures, licensed and owned, used figure-only without their background plates.

© 2026 Mercleo Technologies Inc. · Made in Canada