Novelty and contrast

Rauno Freiberg’s Contrasting Aesthetics (January 2024) begins with a confession about what moves him. He is increasingly stimulated by aesthetic intersections: displays of art that tastefully reject a clean, singularly defined style and bridge many, with “authoring intent, purpose, and a sense of iteration” felt throughout rather than excess for the sake of provocation. Minimalism, by contrast, can leave him not thinking or feeling anything; clean design often fails to force a pause to ask why this feels great. He is careful about scope. He does not need to be intellectually stimulated while making breakfast, and the toaster is allowed to ignore all of this. But in the search for novelty, he says, it is most often found at the intersection of unrelated disciplines, because mixing them widens the pool you can remix from. What does the Renaissance mixed with analog technology look like? Can you have more than one style of logo?

Before the examples he runs a primer with a row of tick marks. When all the ticks are equal, none stands out, which tells you without hesitation that they are of equal conceptual weight. To call for attention, we traditionally apply colour, perhaps a brand colour or a state like an error. Contrast can also come from form: rotating one tick emphasises it and says “this one is different, and more important for a reason.” Then he pushes to the extreme and makes every tick different, and we are back where we started, nothing stands out, no narrative, no purpose, the only harmony left being equal width and height. Dialled back with a new contrasting aesthetic, hand-drawn ticks, the row feels more uniform yet slightly playful and unorthodox. The lesson he wants to land is that just the right amount of contrast invites curiosity: why is one element different, and what does that communicate? Figure 2 reproduces the primer. Step through the states in order and notice where your eye goes, and where it stops going anywhere.

The examples are all intersections of eras or styles. PP Foundry’s page for the bitmap typeface NeueBit pairs the font with Leonardo da Vinci’s Annunciation, a painting from hundreds of years before computers and bitmapping; the pairing makes him feel the passage of time and strikes a contrast between the computer and Renaissance eras. The contrast is sharpened by expectation, since you expect an ornamented serif next to a Renaissance painting, and the bitmap face breaks the mould and leaves him “unsettled, yet pleasantly surprised.” Choosing a Leonardo also communicates mastery of craft, which reflects on the typeface. He adds the scope note again: you would not do this often in productivity software, but it works for first impressions and tone. amo animates its wordmark through several unarguably different typefaces while keeping the word, casing, sizing, positioning, and colour constant, so the motion reads as consistent, and he reads it as communicating kinship and the diversity of people in a group of friends. Raw Materials, whose mantra is that when everything is the same, different is the greatest of opportunities, gives its logo four animations and serves a different one on each visit: a 3D shape in ASCII that says one of their materials is code, soft rounded 3D shapes, then a wireframe of unrefined, brutalist typography, all equally playful because of their elastic nature. Outside software, he notes how people contrast pristine Nordic minimalism at home with analog furniture and gadgets, revealing character, and how Loïc Nottet’s Mélodrame is a passionate orchestral ballad until 1:55, when drum machine beats arrive and the contrast elevates the track beyond its supposed style.

Steve Ruiz’s Engineering imperfection with draw shapes is a production version of the hand-drawn tick. tldraw gives its geometric shapes a hand-drawn style through intentionally designed imperfections, because subtle variation between shapes adds character, loosens up wireframes, and sits better next to freehand sketches. The space for variety had to be narrow enough that each shape stayed recognisable and broad enough that no two looked alike, and the imperfections had to be stable, so each shape’s ID seeds the random generator rather than calling Math.random on every render, which would jitter. That is taste in imperfection with the reasoning written down: the same uniform wobble Rauno describes, engineered so it stays uniform.

Two years after Contrasting Aesthetics, in Novelty (February 2026), Rauno puts a budget on all this. His working hypothesis since 2023 is that the more often an action is performed, the less rewarding any novel treatment of it becomes; Invisible details covered that under frequency and novelty, so here the subject is contrast and ambition. He connects the effect to semantic satiation, in which repeating a word makes it temporarily lose meaning, and says the same happens with extravagant animation in common use cases. Novelty is an exclamation mark, or seasoning. He borrows the cinematographer’s three colour rule, roughly 60 percent primary, 30 percent secondary, 10 percent accent, and treats the 10 as the novelty colour, then proposes the software analogue: make 90 percent of the experience familiar and 10 percent novel. “Novelty is the contrast to sameness. And novelty works best as a contrast. It becomes overwhelming otherwise.” His examples are a route transition he would not want on every page but which works on a microsite about interviews against static siblings, and Stripe Press, a deliberately experimental site that hits hard precisely because the rest of Stripe’s pages are not like it.

Then he adds a variable, intent: what does the person using the product want, and how much novelty are they willing to accept? A game player is intent on being entertained and so receptive. The Browser Company, he recalls, built Arc into a saxophone and found it hard to turn into a piano that anyone could play, and the reason they gave was a novelty tax: the average person with a job could not handle how much there was to learn that was new. So the amount of novelty you can get away with depends on ambition and audience. Successful novel products are novel in the aspects their audience cares about, and such audiences tend to be smaller and more passionate; Not Boring builds apps for functions anyone understands, photos, habits, timers, calculators, and is uniquely novel for people who value beauty and game-feel in those routines. His takeaway is one sentence: “Make most things familiar, do something unexpected.”

The budget applies within a single page too. In the Visual Rhythm section of What will you ship?, the essay on the October 2023 Vercel homepage, Rauno notes that an accent colour for calls to action has become an industry standard, and that if every element used the strong accent colour, it would no longer feel significant. The team applied the same restraint to the grid and cross motif and, partly subconsciously, to animation, using white space for a consistent rhythm: visual rhythm means that when every element in a section signals itself as novel or attractive, the novelty is diminished. They mapped the page with high-novelty sections (a graph tooltip animating a long distance, icons pixelating on hover) and low-novelty ones (floating cursors, icons scaling on hover), and scrolling produces an interlude after each animation segment. High-novelty animations never appear consecutively between sections, though they may be paired with lower-novelty ones.

For your own work, the tick primer is a test you can run on any screen: count the things asking for attention, and if the answer is everything, the answer is nothing. Spend novelty where it is seen once or rarely, onboarding, a launch page, a microsite, and keep the paths people walk hundreds of times familiar. Check the intent of the person on the other side before you bill them the novelty tax. And when you do something unexpected, make it one thing, with a reason you could say out loud, the way one rotated tick says something and twelve say nothing.