Concept - the mark round

Tendd has a wordmark. It does not have a mark.

Every one of the 54 coloured pages carries Tendd set in Inter 700 at 16px, tracked out +0.02em, and that is the whole identity. There is no symbol, no app icon and no favicon in the repository, so the product has nothing that survives being 16px tall in a browser tab or square on a phone home screen.

This is a directions round, run the same way the visual language was found: drawings live in HTML at real sizes, one gets locked. Thirteen are on the page now: round three at the top, then round two, then the first three at the bottom. Each mark is geometry on a 32 grid, drawn once and used at every size on this page, so a small proof cannot quietly be a different, kinder drawing than the large one. A generated round ran alongside and sits further down, in the same role the brand plate had at Concept: a record of the search, never the file that ships.

The colours are not chosen here either: this page loads design/system/tokens.css, so the petrol is the product's petrol and the dark plates are the product's dark theme.

Guard: no gradient, no glass, no fake 3D Guard: no coin, no piggy bank, no rising arrow Guard: no friendly blob Guard: readable at 16px in one colour Guard: petrol keeps its three jobs, the mark is the third

Round three: stop drawing icons

Rounds one and two produced the same animal eight times: a small flat glyph standing politely to the left of the word. That is the safe species, and safe is what was wrong with them. These five are not icons. One is a drawn letterform, one is a hole, one is bigger than the frame that holds it, one moves, and one is a sentence: the line that stops spiking.

Direction 9

Flatline

One stroke. It starts as the thing money does to this person, sharp spikes with no pattern, and it ends as a straight line that just keeps going. Every finance mark in the world is a line going up. This is the only interesting thing a line can do in a product whose entire promise is that nothing spikes.

It is a story rather than a shape, which means it has a beginning and an end, which means it can move. Watch it draw itself below: that is the product's before and after in two seconds, and it is the same file on the app icon, the loading state and the launch screen.

A1 calm, not alarming, taken literally H0, the anxious person feeling calmer, drawn Risk: a heartbeat. Health apps own the spiky line
The mark, moving
The animation is the identity, not a decoration on it. Static, it is still a complete mark.
Still
Wide by nature: this one wants to sit above the word, not beside it.
App icon and small
32
24
16
Below 24 the spikes merge into a scribble. The tab needs a reduced cut: two peaks, not five.
In the app bar
Tendd
TenddFree
The flat end runs into the word, which is the right way round: the calm end is the one that touches the name.
Direction 10

The ligature

Not an icon of a letter, a drawn letterform. The second d is threaded onto the first d's stem, so the two bowls interlock and the pair becomes one object that cannot be typed. This is the oldest trick in identity and the reason a wordmark ever becomes a monogram: the piece of the name that only this name has, cut out and made into a thing.

It is the only direction on this page that could carry an owned typeface later, because it already is one letter of it.

A4 recognition: the shape is the name Taste: Monzo and Monarch, character without stiffness Risk: the interlock is illegible below 24px
The mark
Two counters, two ascenders, one shared wall. The overlap is drawn, not kerned.
Reversed and dark
Heavy enough to survive reversal, which stroked letterforms usually are not.
App icon and small
32
24
16
This is where it is decided, and the honest answer is that the tab gets a single d.
In the app bar
Tendd
TenddFree
The mark repeats the end of the word, which either reads as deliberate or as a stutter. Look at it twice.
Direction 11

Cut

There is no glyph. There is a petrol field with a channel cut clean through it, running off the top and the bottom, and a counter punched beside the channel. What you read as a letter is the part that was removed. The mark is a hole, and the hole shows whatever is behind it: paper, a photograph, the dark canvas.

This one exists as a tile first and everything else second, which is the opposite of how the other twelve were built and is exactly why it does not look like them.

A2 trust shown: nothing is added, something is taken away D-Concept: petrol as a field, not as an outline Risk: no standalone mark. Without its field it does not exist
The mark is the tile
The channel exits the shape. Nothing here is centred inside a safe margin, which is what makes it look drawn this decade.
On other grounds
The cut takes the colour of whatever it is standing on, so it is never a knockout file, always the same file.
Small
44
32
20
16
A filled tile at 16px still reads as a tile, which is more than most line marks manage.
In the app bar
Tendd
TenddFree
A solid chip beside the word is a heavier presence than any of the line marks above, and the bar can take it.
Direction 12

Crop

The letter is bigger than the thing holding it. The d is scaled past the edges of its own frame and cropped by them, so you get a fragment: a curve, a stem, and a lot of confidence. Nothing is centred and nothing has a polite margin.

It is the loudest thing on this page, and the one most likely to be described as modern in a year and dated in five. That trade is worth stating out loud rather than pretending it is neutral.

Chosen for depth. The letterform, the three canonical crops, the frame in motion, the other ratios and the five rules that keep it a system are on their own page: The mark: Crop.

Taste: Monzo, character over corporate calm A4 the letter of the name, at the largest possible size Risk: a fragment is not a letter. Some people will never read a d
The frame is the mark
Same construction as the ligature above, scaled 2.4 times and cut by the tile. One geometry, two identities.
Inverted and dark
Ink on paper it reads as a poster; petrol on dark it reads as an app.
Small
44
32
20
16
The one direction that gets clearer as it shrinks, because a fragment has nothing small to lose.
In the app bar
Tendd
TenddFree
Beside the full word the fragment stops being a puzzle: the word teaches you the letter once, and after that the icon works alone.
Direction 13

The living mark

Not one drawing: a rule. The mark is one tick per recurring payment, and the count is yours. Four subscriptions is a four-tick mark. Twelve is a twelve-tick mark. The one you had forgotten arrives last and stays solid after the others have faded back.

The product ships one canonical lockup so the brand is stable, and the system underneath it is alive: the empty state, the reveal, the share card and the year in review can all be the logo, drawn from real numbers. This is an identity, not a logo, and it is the only thing here that no other company can copy without copying the product.

D1 gradual reveal, the locked decision Principle 5, the small win, as the brand's own behaviour Risk: a variable mark needs rules, or it becomes twelve inconsistent logos
The beat
Eleven counted, and then the one you had forgotten. The brand does the thing the product does.
Your count, your mark
Four, eight, twelve. Same tick, same gap, same tall last one: the rule is what stays constant, not the picture.
The canonical one
Three ticks and the tall one is the fixed mark: the app icon, the favicon and the bar never vary. Only the product's own surfaces count.
In the app bar
Tendd
TenddFree
Three ticks, one taller. Quiet in the bar, and the same rule blows up to the width of a share card.

Round two: five that stand further apart

Round one stayed inside one lane: a small flat glyph beside the word. None of it landed, so this round moves the lane instead of the drawing. Two of these are not symbols at all, one refuses the shape every money logo has, one is built out of a hole, and one says the second half of Petrol and Paper out loud. Round one is still on the page below, unedited.

Direction 4

Level

Three bars at exactly one height. Every mark in this category rises to the right, because every other money product is about growth. Tendd is not: the promise is that nothing spikes, nothing surprises you, and the same amount goes out that went out last month. The mark is that sentence with nothing added to it.

It is the boldest shape of the eight and the easiest to recognise at a glance, and its whole meaning is a thing it refuses to do.

A1 calm, not alarming The rising-arrow anti-reference, taken head on Risk: an equaliser, or a chart with the data missing
The mark
Equal height, equal width, equal gaps. The moment one bar differs the idea is gone.
App icon
The most confident tile of the eight, because the shape is wide and fills it.
Walk it down
32
24
20
16
Three strokes and two gaps at 16px, and nothing is round, so nothing closes up.
Lockup and the bar
Tendd
TenddFree
Wide marks need less height beside the word: 18, not 20.
One colour, and dark
Nothing to lose in one colour: it was always one colour.
Direction 5

No mark at all

The word, cut. Monzo, Mercury and Ramp do not have a symbol beside the name, and for a product that lives in a 56px bar above a list, a symbol is one more thing competing with the number that matters. Here the identity is the wordmark itself: tighter than today's, heavier, and with the two d's pulled until their bowls touch, which is the one detail the name gives away for free.

The favicon problem is solved by the last letter alone, not by inventing a glyph nobody has seen.

A3 nothing competes with the one big number Principle 1, calm over clever Risk: no icon means no presence anywhere the name cannot fit
The wordmark
Tendd
Tendd
800 weight, tracked to -0.035em, and the pair closed to -0.13em. Below: the second d carries the petrol, which is the accent doing its trust job.
The favicon and the icon
d
d
d
One letter in a petrol tile, at 88, 40 and 16. It reads at every one of them, which not one of the drawn marks can say.
In the app bar
Tendd Free
The whole bar is the brand: nothing else in the leading slot.
One colour, and dark
Tendd
Tendd
The type is the same type the product already ships, so there is nothing to keep in sync.
What it costs
The cheapest identity on the page and the fastest to ship: one type decision, one tile. It also means Tendd has no shape to put on a share card, a push notification or a partner page. That is the trade, stated plainly.
Can be locked now and given a mark later, which is the only direction here that is reversible.
Direction 6

The rule

A T built the way a receipt is built: a heavy rule across the top, and the list hanging under it in two segments. It is the first letter of the name and the last line of a bill at the same time, and it is the only monogram in the set, which makes it the most conventional and the most immediately readable as a brand.

A3 the total owns the composition A4 recognition: the letter is the name Risk: a monogram T is the safest thing a brand can do
The mark
The break in the stem is what stops it being a plain letter.
App icon
A letter in a tile is the most familiar app icon there is.
Walk it down
32
24
20
16
At 16 the stem gap closes and it becomes a plain T. Acceptable: it is still the right letter.
Lockup and the bar
Tendd
TenddFree
A T beside the word Tendd repeats the letter twice. Either the mark stands alone, or the lockup drops it.
One colour, and dark
Holds everywhere, which is the argument for it and against it.
Direction 7

Taken out

A solid form with a bite out of its corner, and the bitten piece sitting beside it. The product's best moment is the one where something leaves your month and does not come back, and this is that moment as a shape: not a chart, not a letter, a thing minus a thing.

The notch and the loose piece are exactly the same size, which is what makes it subtraction rather than decoration, and the whole thing stays one silhouette in one colour: no knockout version, no second colour, nothing to keep in sync.

J3 cancel what I do not use Principle 5, the small win Risk: at 16px the loose piece reads as dirt on the screen
The mark
The gap between the piece and the form is the whole drawing. Too close and it is a comma, too far and it is a stray dot.
App icon
A square with a bite, inside a square. The tile has to be the calmer of the two, so its radius stays the product's.
Walk it down
32
24
20
16
This is the plate that decides it. Look at 16 first.
Lockup and the bar
Tendd
TenddFree
The loose piece points at the word, which is a happy accident worth keeping.
One colour, and dark
Reversed, the missing corner is the ground showing through, so the idea survives every background it lands on.
Direction 8

Paper

The locked language is called Petrol and Paper, and so far only the petrol half has ever been drawn. This is the other half: a sheet with one corner turned back, cut square and modern rather than skeuomorphic, with the fold as a hole instead of a highlight.

It is the only mark here that says statement, bill, the thing you were avoiding opening, and turns it into something already handled.

D-Concept, the name of the locked language A2 trust shown: a document, not a promise Risk: a file icon. Every operating system owns this shape
The mark
The fold is cut, not shaded: one colour, no illusion of depth.
App icon
A rounded square inside a rounded square is the weakest tile of the eight. If this one wins, the icon is the fold alone.
Walk it down
32
24
20
16
Survives small better than anything except direction 4, because the silhouette does the work.
Lockup and the bar
Tendd
TenddFree
Reads as an attachment beside a word. That is the honest problem.
One colour, and dark
Paper drawn in petrol on a dark ground stops being paper. Worth seeing before choosing it.

Round one, kept on the page

Three drawings that did not land, left exactly as they were. A round that deletes what it did not choose leaves the next person no way to know what was already tried.

Direction 1

The doubled d

The distinctive thing about the name is the pair of d's, and a lowercase d is already the shape of the product's row: a round mark on the left, a line on the right. Here the two d's share one rail, so the mark is a real ligature rather than a letter placed twice, and the two open counters keep it reading as type instead of as two dots on a bar.

It is the only one of the three that could not belong to another product, because it is built out of this name.

A4 recognition, not codes The list-first layout (concept.md, Layout) Risk: the counters close below 16px and the bowls go solid
The mark
Petrol on the canvas. The rail runs the full height and the bowls bite into it, which is what makes one shape out of two letters.
App icon
Knocked out of a petrol tile at the product's own corner radius.
Walk it down
32
24
20
16
20 is the app bar. 16 is the browser tab, and it is where this one is decided.
Lockup
Tendd
tracking -0.03em
Tendd
tracking +0.02em, today's wordmark
Clear space is the width of the rail on every side.
In the app bar
Tendd Free
The real bar: 56 tall, 16 in from the sides, the wordmark pinned left by margin-right auto.
One colour, and dark
Reversed on petrol, then the product's dark theme, where the mark takes the lightened petrol like every other accent.
In a tab
Tendd
Bank
The favicon is the honest test of this direction.
Direction 2

The calm tally

Two lines and a sum. The lines shorten as they go down and the last one thickens, so the mark is the product's first rule drawn in three strokes: the most important number is the biggest thing on screen. It is the quietest of the three and the strongest at small size, because at 16px it is still three clean stripes.

It is also the most borrowable: a list of bars belongs to a lot of software. The variant below fades the rows and keeps the total solid, which pushes it away from a menu icon and toward a receipt.

A3 one big number, not a dashboard A1 calm, not alarming Risk: reads as a menu or a list icon, not as a brand
The mark
Solid: three weights of one voice.
Variant: the sum carries
Rows at half strength. The total is the only thing at full petrol, which is the screen's own hierarchy.
App icon
The one direction that needs no simplification to sit in a tile.
Walk it down
32
24
20
16
Nothing closes up: the gaps are wider than the strokes all the way down.
Lockup
Tendd
tracking -0.03em
Tendd
tracking +0.02em, today's wordmark
The mark's top line and the cap height of the T want to agree.
In the app bar
Tendd Free
Quiet enough to sit above the list without competing with it.
One colour, and dark
Loses nothing in one colour, which is the cheapest identity to own.
In a tab
Tendd
Bank
Legible, and generic. Both are true.
Direction 3

The reveal

Twelve things going out every month, and one of them is the one you did not know about. The mark is that count: eleven even dots and a twelfth that has grown. It is the product's most important emotional beat drawn, and the only one of the three with a story attached.

It is also the one closest to a cliche. A ring of tapered segments is a progress spinner in every other app, which is why these are round dots at one weight: a spinner fades and turns, a count sits still. The variant below tries the same idea as one broken ring with a bead.

D1 gradual reveal (the locked decision) Principle 5, the small win Risk: reads as a loading spinner, which is the opposite of calm
The mark
Eleven counted, one found. Same colour, same weight: only the size says which one it is.
Variant: one broken ring
Simpler and calmer, and closer to the spinner. The gap has to carry the whole idea.
App icon
A round mark in a square tile leaves the most air of the three.
Walk it down
32
24
20
16
Below 20 the dots stop being countable and the ring becomes texture.
Lockup
Tendd
tracking -0.03em
Tendd
the variant, tracking +0.02em
A circular mark sits optically low next to a cap T: it wants a hair of lift.
In the app bar
Tendd Free
Check this one against a screen that is genuinely loading: if the two read alike, the direction is dead.
One colour, and dark
The dots hold in one colour. On the dark ground the found one has to stay the thing you see first.
In a tab
Tendd
Bank
If it looks like the tab is loading, it is the wrong mark.
Alongside

The generated sheets

Both rounds were also put through Magnific, as raster brand sheets and as vector, to widen the search faster than a hand can draw. They are a record of the search, not candidates: the colour comes back near petrol but not at #1c6a76, the geometry is not on a grid, and none of it is a file the app bar could load. What they are good for is telling us which shapes inside a family we had not tried.

Three things came back worth taking into a redraw: the mirrored pair, two half-bowls facing each other, which is a dd nobody would mistake for a list icon; the overlapping ligature, where the second d sits inside the first; and the funnel, a tally whose lines narrow to a point rather than stopping at a total.

Same method as the brand plate at Concept: generate as a record Not shippable: colour drift off the token, no grid, raster
Sheet 1: nine marks, three families
Nine generated logo marks in three rows: single d and dd pairs, descending bar tallies, rings of dots with one larger
Row 1 the d family, row 2 the tally, row 3 the count. The middle mark of row 1 is the mirrored pair.
Sheet 2: the same brief again
Nine more generated marks: overlapping d ligatures, stacked pyramids, dot rings
The overlapping ligature is the find here. The tallies grew upward into pyramids, which is the wrong direction for this product.
Vector: the dd brief
Generated vector dd ligature, one outlined bowl and one solid
A side-by-side dd, one bowl hollow and one solid. The hollow-plus-solid pairing is a real idea and it is in none of the eight drawn above.
Vector: the tally brief
Generated vector mark, a folded ribbon shape
It did not draw the brief. It drew a folded ribbon, which is handsome and says nothing about money.
Vector: the count brief
Generated vector ring of eleven equal dots
Eleven dots, all equal: it dropped the one thing the mark is about. The drawn version keeps the found one.
Round two: the line, the T, the bite
Nine generated marks: dots above a level line, T monograms, and squares with a corner piece torn off and set beside them
The bottom right one, a square whose corner has left and is sitting next to it, is where direction 7 came from.
Round two: paper, holes, rhythm
Nine generated marks: folded sheets of paper, solid shapes with a shape cut out of the centre, and rows of equal bars
Two more sheets from this round sit in the folder unshown. The middle row, a solid form with a clean hole in it, is a lane none of the eight drawings takes yet.
What it changes
Nothing yet, by design. If one of the three finds above is worth having, it comes back as geometry in this file, on the same 32 grid, in the token petrol, and it gets the same size walk as the others. Generation searched; the drawing still has to be done.
Say the word and the mirrored pair and the overlapping ligature become directions 4 and 5 here.

What a lock costs

The eight are not equal in work, and the honest differences are worth having in front of you before choosing. None of them changes a token: the mark spends petrol on the third of its four permitted jobs, the trust line, and takes nothing away from the primary action.

DirectionWhat it ownsWhere it is weakWork after the lock
9. Flatline The only mark that tells the product's story, and the only one that can move. Nearest neighbour is a heartbeat, and it dies below 24px. A reduced cut for small sizes, and a motion rule saying where it is allowed to animate.
10. The ligature A drawn letterform that could not be typed, and the seed of an owned typeface later. The interlock is the first thing lost when it shrinks. Draw the single-d cut for the tab, and settle the lockup, since the mark repeats the end of the word.
11. Cut One file on every ground, and the strongest presence at small sizes on the page. It has no standalone mark. Take away the field and there is nothing left. Almost none. It is already an icon, a favicon and a chip.
12. Crop The loudest and most contemporary. Gets clearer as it gets smaller. A fragment, not a letter. Most likely of the thirteen to date. A crop rule: which part of the letter the frame keeps, at every ratio.
13. The living mark An identity rather than a logo, and the only one nobody can copy without copying the product. Needs governance. Without rules it becomes twelve inconsistent logos. The most work here: the canonical lockup, plus written rules for where the count is allowed to vary.
4. Level The loudest silhouette and the clearest idea: a chart that will not rise. Three bars is a shape other software uses. It needs the story told once. Almost none. Same geometry from 88 down to 16, tile included.
5. No mark at all Ships tomorrow, reads at every size, and nothing new to maintain. Tendd owns no shape. Anywhere the word will not fit, there is nothing. One type decision plus the letter tile. The only reversible choice here.
6. The rule The letter of the name, and the most conventional brand answer on the page. Safe. A T in a tile could belong to any company beginning with T. Decide whether the lockup keeps the mark, since it repeats the letter.
7. Taken out The only mark that says what the product does rather than what it is about. Fragile at 16, where the loose piece is a single pixel-ish square. A reduced cut for the favicon: the notch alone, no loose piece.
8. Paper Says the second half of the locked language, and holds its silhouette small. The operating system owns this shape. It reads as a file before it reads as a brand. The tile has to become the fold alone, or the icon is a square in a square.
1. The doubled d Belongs to this name and to no other product. Two readings from one drawing. The busiest at 16px: two counters to keep open in a tab. A separate small-size cut, either one d instead of two or solid bowls, and a decision about which one the favicon uses.
2. The calm tally The product's first rule, drawn. Strongest at every small size, cheapest in one colour. Least distinctive: a list of bars is not ownable on its own. Almost none. The lockup and the favicon are the same geometry.
3. The reveal The one with the story: the count and the small win. Nearest to a spinner, and the most fragile below 20px. Prove it against a real loading state, and draw a reduced cut for the favicon: fewer dots, larger.

Once you name one, this is the chain it runs, and it is short because the system already exists:

  1. The mark is added to concept.md under Brand, with the attribute it traces to, so it is a decision and not a drawing that appeared.
  2. The SVG lands in design/system/ and the lockup becomes a kit component beside .appbar, since the app bar is where it lives on all 54 pages. It reaches every screen through the kit, not by editing screens.
  3. The wordmark's tracking is settled in the same step: today's +0.02em is a rule written for a word standing alone, and a lockup may want a different one. One value, one reason.
  4. The favicon and the app icon are exported from the same geometry, and the repository stops having no icon at all.

Everything above stays on the page afterwards. A round that deletes the two it did not choose leaves the next person no way to know what was already tried.