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
A note on how the work gets made: what we measure, what we remove, and what we draw.
01
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
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
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.
04
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 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
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
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
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
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
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 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
There are 27 drawn figures and a single small fictional cast, 10 people and 5 organisations, who recur across everything.
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
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
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
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
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
© 2026 Mercleo Technologies Inc. · Made in Canada