# Signature Move

> One move, used the same way, where people stop.

- Section: Identity
- URL: https://critly.vercel.app/signature-move
- Published: 2026-10-14
- Source: https://github.com/kausthubh-coder/critly/blob/main/content/identity/signature-move.mdx

Plenty of products have a signature that nobody sees. It's a 12px squiggle in
the footer, a wave in the logo that never appears again, or a gradient
border on every input until it reads as noise. From across the room, the
screen looks like any other app in its category.

**Give the product one recognizable move, taken from what it does or from its world, use it the same way every time, and show it big where people pause (the first screen, empty states, success moments) while the headline and the product still read first, not as a corner detail and not on every control.**

Tidewell is a fictional tide-times app for sea swimmers. Its move is the tide
curve. Put it nowhere, everywhere, tiny in a corner, or at full size in the
pauses, and step back from your screen each time.

> **Interactive demo: Signature Move.** Open https://critly.vercel.app/signature-move to try it.

With the move nowhere, Tidewell could be any weather app. Everywhere, the
curve is on every button and divider, and you stop seeing it within seconds.
In the corner, it's there, but you'd never describe it to a friend. In the
pauses, the curve is the first thing on the first screen, it's the empty
state, and it rises to fill the success moment, while the list you use every
day stays plain.

## A move comes from the product

A signature move is a shape, a line, a graphic device, a way of setting
numbers or a transition that this product can claim because of what it does.
Figma's brand [takes its moves from work on the canvas](https://www.figma.com/blog/figma-on-figma-evolving-our-visual-language/)
(shapes that overlap, a selection that reveals what's underneath), and its
jumbo nodes, "large squares fixed to the corner of bounding boxes", blow up
the act of selecting. Pentagram built Slack's logo from a speech
bubble and a lozenge, shapes that [can be pulled out](https://www.pentagram.com/work/slack)
and used as graphic elements, and the speech bubble became the basis of its
icons and illustrations.

Both moves come out of the product: selecting things, talking. A reason like
that also tells you how to use the move, which keeps it consistent. Use the
same shape, weight, direction and motion every time. A move that changes each
time is several moves, and none of them gets learned ([Ownable
Assets](https://critly.vercel.app/ownable-assets)).

It also has to stay yours. Figma moved away from cursors in its everyday brand
work once there were
[more and more of them on other websites](https://www.itsnicethat.com/features/figma-brand-refresh-graphic-design-spotlight-160924).
A move the whole category uses can't point to one product.

## Spend it where people pause

Rauno Freiberg suggests making an experience
[90% familiar and 10% novel](https://rauno.me/craft/novelty), and putting the
novel part in rare moments such as onboarding and first loads ([Novelty
Budget](https://critly.vercel.app/novelty-budget)). The pauses in a product are those moments: the
first screen, the first run, an [empty state](https://critly.vercel.app/empty-states), a finished
task. Nobody is racing through a job there, so a large move has room and
time, and Benji Taylor's [delight-impact curve](https://benji.org/family-values)
puts the most expression exactly where people go least often.

Controls are the opposite. A button you press forty times a day needs to
read as a button, and a table needs to show the person's data, not the
brand. On operate screens the move can appear in small doses, a section
header or the app icon, while the controls stay standard.

## Big enough to see

A signature too small to see from across the room does nothing. Recognition
starts with noticing, and a small mark in a corner reads as decoration, so
the eye skips it with everything else. At full size the move is the main
shape of the moment: it fills the hero, it is the empty state's picture, it
carries the success. One curve at that size does more than twenty at icon
size.

None of this is measured for interfaces. It comes from brand practice and
case studies, so test it the cheap way. Step back from the screen or squint
([Taste Pass](https://critly.vercel.app/taste-pass)), cover the name, and ask whether you can still
tell whose product it is. If you can't point to the move, it's too small or
in the wrong place.

## Resources

- [Figma on Figma: evolving our visual language](https://www.figma.com/blog/figma-on-figma-evolving-our-visual-language/): How Figma turned canvas actions, like selecting with a jumbo node, into the moves of its brand.
- [Figma's brand refresh](https://www.itsnicethat.com/features/figma-brand-refresh-graphic-design-spotlight-160924): Why Figma stopped leaning on cursors once they were floating about on many other websites.
- [Slack](https://www.pentagram.com/work/slack): Pentagram on a logo built from a speech bubble and a lozenge, and carrying those shapes into icons and illustration.
- [Novelty](https://rauno.me/craft/novelty): Rauno Freiberg on 90% familiar and 10% novel, and where the novel part belongs.
- [Family Values](https://benji.org/family-values): Benji Taylor on putting the most expressive moments where people go least often.
