Built like the product: one system, many steps.
SalesMix looks like the canvas it ships: warm paper, a dotted grid, and steps that each own a color. One violet holds it together. This page is the reference for anyone designing for SalesMix.
The mark
An S cut from a single column: two halves, mixed. Always the violet tile with a white cut. Keep clear space equal to a quarter of the tile on every side.
SalesMixPrimary · on paperSalesMixReversed · on nightPaper, ink, violet.
Most of every surface is warm paper and ink. Violet is the signal: logo, primary buttons, the selected node. Night is for developer moments.
Every step owns a color.
These come straight from the builder. Use a step's color whenever you talk about that step: tags, highlighted words in headlines, chart series, webhook names. Never use them as decoration on their own.
Three faces, three jobs.
Borrowed from the canvas.
The dot grid
The builder's canvas. Behind heroes and page headers, faded at the edges.
Highlighted words
One per headline, in the color of the step or idea it names.
Nodes & wires
Sections are nodes. Dashed wires with small chips (“then”, “on reply”) connect them.
Vivid stages
Product screens sit on saturated, grainy gradients mixed from the step palette.
message.repliedNight for code
Developer content always goes dark, so the switch from canvas to code is felt.
Mono tags
Section labels in uppercase mono, tinted with their step color.
Talk like a builder.
Short, specific, a little dry. We say what the thing does and show the request that does it.
- Name the step: “Visit Profile”, not “engagement touch”.
- Show the endpoint next to the feature.
- Use numbers only when they're real.
- Keep humans in charge: “Agents draft. Humans approve.”
- Promise growth multipliers or guaranteed meetings.
- Say “undetectable” or imply getting around LinkedIn's rules.
- Stack more than one highlighted word in a headline.
- Use step colors as decoration without meaning.