Skip to content
← All notes

Identity systems

Notes from the studio / 30 September 2026

One brand, two visual expressions: decide what stays the same

What stays shared when one identity has two expressions, what can change, and how to decide whether the range earns its upkeep.

By Blankout · 4 minute read

Blue and black semicircular paper forms joined by an ivory fold, with a narrow yellow edge.
A shared structure, expressed in two ways.

Before giving a brand multiple visual expressions, define what must stay shared. The offer, name, factual content and practical tasks need a coherent identity. Material, image language and composition can vary when there is a reason to maintain that range. A second expression earns its place through useful difference, not simply because a toggle is possible.

Blankout is our own working example. Tactile uses warm stock, cut-paper imagery and material depth. Modular uses dark fields, flat geometry and precise intervals. Both share the same identity, content and practical tasks. This demonstrates a design choice; it is not evidence of improved conversion or an audience preference study.

Ask what the second expression is for

A brand might need different expressions for an editorial programme, a product environment or an event. In those cases, the context can choose the expression. A visitor switch is a separate decision: it invites someone to choose how the same material is presented.

For Blankout, the switch makes the studio's range directly inspectable. It also gives every future article and project cover another set of placements to review. That cost is real. If the second version only changes a few colours, a full alternative image family may not be justified. If the versions make different factual promises, they need content decisions before a shared toggle can resolve them.

Write the purpose and maintenance commitment together. “We want to show two coherent ways of expressing the same identity” describes our commission. “Two themes improve conversion” would require evidence this project does not supply.

Establish the invariants before drawing alternatives

Our two expressions share the wordmark's source outlines, the content records and route addresses. A project does not acquire a different contribution claim when the expression changes. An article keeps its author, publication date and canonical address. The style preference changes presentation rather than creating another publication.

Practical state stays shared too. A phrase entered in the specimen below remains in place when you switch. The motion preference is independent. The complete page is still readable without waiting for animation. Those are observable behavior requirements, not matters of taste.

Try the shared state

Try a different phrase, then change expression. The phrase remains here; the same mark and page acquire another presentation. Nothing is submitted.

Expression

A character worth keeping.

Same name / same words / another expression

Shared decisions and variable expression
Keep sharedAllow to vary
Offer, project facts, author and URLMaterial, composition and colour roles
Letter outlines and meaningful namingPlain or cut treatment at a chosen placement
Typed input, focus, motion preferenceImagery selected for the same subject
Readable hierarchy and task orderRhythm, spacing and editorial scale

Change the presentation at the right level

The same source mark can occupy a practical header or a large expressive placement. The use rule chooses plain or cut treatment; the expression does not require a second unrelated logo. That preserves a visible anchor while the surrounding composition changes.

Images need a similar distinction. Our project covers keep the same subject across both expressions: Kickbrand's connection, RSH's facets, InnerStunner's shared worktable. Their surfaces differ. In one expression you see cut card and shadows; in the other you see editable flat geometry. Treating them as pairs is more coherent than asking two unrelated pictures to represent the same project.

The annotated comparison below shows the same page in both expressions. The subject and content match; the material and visual rhythm change. These are captures of our own implementation, not research stimuli with measured audience results.

The same Blankout Studio page in Tactile and Modular, with shared copy and identity.
Same-page comparison / Studio, captured at 1280 CSS pixels in both expressions. · Blankout website captures · September 2026

Test the seams between choices

Inspect the first visit, a changed preference and a reload. The preference should be reflected in the first rendered page, not arrive as a late visual replacement. Then try changing expression midway through an ordinary task. Check the typed content, current address and focused control.

Also inspect the assets that should not change. Social previews need one stable representation when there is no visitor preference to read. A download needs a clearly named version. A case-study caption should describe the selected image accurately. A change to the palette may affect both expressions differently, even though both use the same shared component.

The shared-and-variable worksheet includes these checks and an update-owner column. It is useful even if you decide to keep one expression: it exposes the parts of the identity that are stable and the parts that are allowed to vary across applications.

Choose one when it serves the job better

One strong expression is often easier to commission, understand and maintain. It reduces image production and the number of visual states that can drift. A business with a small content team may get more value from developing depth within that expression than from maintaining another complete language.

Keep two when the distinction contributes to the work and someone owns its upkeep. Make that decision with real applications, including long reading, practical forms and small project cards. A dramatic homepage comparison is only one part of the commitment.

For the movement boundary, see motion that works when it is off. For the delivery boundary, see the identity handover. Our brand-identity practice can help define that range before it becomes a collection of disconnected files.

Start a conversation

A note became a question?

Tell us what needs to look, feel or move differently.

Bring us your brief