Square · Screw

About

This page lays out the R&D behind the Studio Artifice identity in the shape the final guideline will take. Everything here is a study. Nothing is yet a rule unless it says so.

Phases

Strategy, Identity, Application, Production

The question

The identity is strictly monochrome, and it carries four phase colors. What are those colors for? Three instrument traditions give the same answer: in thermal imaging, thin-film interference and color bars, color is a reading on a declared scale, never decoration.

Thesis

Color appears only with its reference, and the row of four squares is that reference. Hue never builds hierarchy. It only reports a condition.

Mark

Two shapes. The square is the printed patch. The screw is a circle with a cross cut out of its centre, and it is never drawn as a plain filled circle. Set side by side they are the device; the Ⓐ monogram sits beside the wordmark.

Device · Light 252.79 × 124.27
Device · Dark 252.79 × 124.27
Ⓐ monogram · Light 135.65 square
Ⓐ monogram · Dark 135.65 square

On the masters

The wordmark is fixed, outlined art. No live font matches it, so it is never re-set in type.

ElementMasterNotes
Device252.79 × 124.27A solid square beside the screw. Used from 14 px to 949 px.
Wordmark1662.39 × 217.19Outlined. Reads as Helvetica Now Display.
Ⓐ monogram135.65 squareA component instance on the cover.
Lockup1856 × 269.6Wordmark plus Ⓐ. No master combines device, wordmark and Ⓐ.
Clear space2x / 1x2x on top, bottom and outer sides; 1x between wordmark and Ⓐ.

Open decisions

DecisionOptions
LockupTwo-part (wordmark and Ⓐ, as drawn), or a new three-part master with the device.
GreysWarm (#5C5A54, #7A7871) or neutral.
Mark on light groundsPure white, or an off-white paper.
Minimum sizesNot yet set for the device or the lockup.
Row orderWhich phase owns which color is fixed. The order of the row is open (see Color).

Color

Four phase colors, each tied to one phase. Measured, they span both media: three sit near print's process inks, one near the screen's blue primary. Mixed as light at 41 : 23 : 10 : 26 they balance to a neutral grey near L* 76, so the monochrome system is their balanced sum.

Strategy#D2FF1EL* 94 · 72°Lime · film 308 nm
Identity#FF1BD1L* 59 · 312°Magenta · film 398 nm
Application#00EBEFL* 85 · 181°Cyan · film 275 nm
Production#0009FFL* 33 · 238°Blue · film 222 nm

Two orders

The Figma order is canonical. Film order is a proposal: it is the order a thin film passes through as it thickens, and the order the thermal mannequin already uses for heat.

Figma order · canonicalStrategy, Identity, Application, Production. In grey: four keys that dip and recover (L* 94, 59, 85, 33). Film order · proposedProduction, Application, Strategy, Identity. Thickness 222, 275, 308, 398 nm, and heat order on the mannequin. Color-bar order · referenceStrategy, Application, Identity, Production. In grey, a descending staircase like SMPTE bars on a waveform.

Only the staircase reading depends on order. Every study on this page runs in either order.

Usage

RuleWhyStatus
A block never appears without its scale.Thermal color only means something next to its scale bar.Proposed
Exact hexes only in bands, isotherms and readings.The mannequin photo lands 0% on target on the vectorscope; the photo is the picture, the hexes are the measurement.Proposed
Iridescence never fills a surface.Film color appears only where two layers meet, and its hue reports the gap.Proposed
The row of four is the check strip.Every other appearance of color is checked against it.Proposed

Grayscale

Grounds, the register-mark grey, the warm greys from the masters, and the three near-blacks the screen pages are built on.

Ground gradient

One gradient from the masters, a light falloff behind a figure, never under text and never with a hue in it. It reads as lit, not filled.

0% · EBEBEB55% · BFBFBF100% · EEEEEE

Near-blacks

Ink, panel and line sit at L* 4, 8 and 14. A badly set screen merges them, so the black level check is built from exactly these three: if the line and panel steps vanish, the display is crushing blacks.

Ink · L* 4
Panel · L* 8
Line · L* 14

Typography

One family. Helvetica Now Display is the only typeface, everywhere: pages, decks, Rive files and the design system. There is no monospace anywhere, not even for figures or code. Hierarchy comes from scale and value, never weight; Light is kept for display sizes.

Faces

PreviewFaceTokenUseStack
AaHelvetica Now Display Regular--type-textAll text, labels, figuresHelvetica Now Display, Helvetica Neue, Helvetica, Arial, sans-serif
AaHelvetica Now Display Light--type-displayDisplay sizes onlySame stack, weight 300

Steps on the masters

PreviewStepSizeCaseTrackingWhere
AaDisplayScaled to formatSentence−2%Covers, titles, reel cards
AaBody24 pxSentence+12%Index and slide body text
AALabel18 pxUppercase—Phase bar, taglines, chapter numbers, slide headers
AaCaption18 pxSentence—Index chapter labels

Settings lines that read like instruments (ε 0.95 · SPAN 18–36 °C) are set in Label, uppercase Regular with tabular figures, never in a monospace face.

Atoms

Four primitives from the masters: square, screw, Ⓐ monogram and cross. Sorted by how much of a cell each one inks, they become a tone ramp, so any image or field can be drawn in the brand's own shapes. The chosen ramp, Brand 5, scales the cross to 72% so it sits halfway to the monogram.

The four units

The Reading

The idea every study tests. The field stays monochrome. Color appears only where a value crosses a declared threshold, and the scale it is read against is always on screen.

Color appears only with its reference, and the row of four squares is that reference.

Heat on the field

The Shape Field with the pointer as a heat source. Brightness drifts on noise and picks a glyph from the Brand 5 ramp; heat lifts cells up the ramp and cools on a known curve. Only cells past the isotherm take a phase color, banded in heat order.

Move to add heat · press to pulse
Scale · heat order
Identityhottest Strategy Application Productioniso 0.55

Three directions, one system

DirectionWhat a color meansOver timeWhere the four blocks appear
ThermalA condition nowLive, decaysIsotherm bands on a scale bar
IridescenceThe gap between layers, or what has built upPersistentFilm bands in seams, temper, the live mark
Color barsA known value to check againstFixedThe row of four as the reference strip
RegistrationWhere a plate landed against its targetPer proofFour plates on one mark; in register they close to black

Film spectrum

Thin-film color from 0 to 1000 nm, fitted as 47 stops where position equals thickness divided by ten. All four phase colors are second-order colors of one film, which gives them a physical order. A candidate brand gradient, used only where it reports a gap or a thickness.

0 nm · black500 nm1000 nm · pale wash

Studies

Every live study so far, by label. Each opens full screen and runs in Figma order or film order.

Research notes

LabelResearchFinding
A1Brand masters inventoryMark, wordmark, monogram, lockup, clear space, color and type as drawn; decisions still open are listed under Mark.
B1Shape Field planA grid where each cell draws the shape whose ink coverage matches a drifting noise field. Batched into four paths per frame: 1.4 ms on a phone, 5.3 ms at 2560 × 1440.
C1Thermal imagingThermal color is false color across a declared window. Isotherms color only what crosses a threshold, which keeps a monochrome brand monochrome.
E1IridescenceThin-film color is a reading of the distance between two surfaces. Industry already uses it as a gauge.
F1Color bars and print checksBars and control strips are references of known value that travel with the work. The brand calls the square the printed patch, so the row of four is a test strip.

Tokens

Every value above, by name. Select a card to copy its value. Names follow the Rive brand library, which every motion file is built from.

References

What the system is measured against. Each source is an instrument that uses color as a reading, and each one informed a study above.

Studio Artifice · Research draft · October 2026 · Set in Helvetica Now Display where installed.