Op Art Moiré Grid

StyleRef·@styleref·

Extract your style to start building your Style Board.

Made with this StyleRef

Same style, different prompts.

Eight pages overlapping at an angle — the board shows the same master field cropped eight different ways and still reading as one asset.

The smallest surface in the set: the crop still shows more than six lines, which is the threshold below which it would become a solid.

Six metres of field seen at a walking angle, with the only text in the piece held inside its knockout at each end.

On cloth the line pitch is redrawn to the weave rather than scaled, which is what stops the fabric adding a second moiré of its own.

Two crops of one field meeting at the slipcase mouth — the withdrawn spine is where the field stops and the plain tier takes over.

Description

Op Art Moiré Grid builds the whole identity out of one repeated line, varied only in spacing and angle: a field of fine parallels that bends through a composition until the flat surface appears to swell, and a second field laid over it at a few degrees to produce a moiré that is not in either layer. Black and white carry it, with one complementary pair used sparingly. Everything the brand owns is a different crop of the same field. It suits galleries and festivals, textiles and eyewear, audio and fitness brands, and anyone who wants a system that looks like it is moving.

Typography

Aa, Bb, Typography

Font FamilyGrotesque

Line HeightNormal-to-generous leading; prevent text lines interfering with the field

Font WeightsMedium

Letter SpacingNormal

Type ScaleTwo sizes only: display and text, separated by a hard scale jump

Text Case

Sentence case

Font Pairing Strategy

Single family

Hierarchy

Strong contrast

Text Visual Role

Purely functional

Text Integration

Embedded in shapes

Output Format

Creative Discipline

Brand identity

Medium

Delivery Mode

Still

Canvas Behavior

Open field (elements may escape)

Scaling Expectation

Poster-scale

Voice & Language

Formality

Professional

Vocabulary Level

Technical

Directness

Clear

Sentence Length

Short

Metaphor Density

Clinical

Writing Perspective

Third person for the work; second person for reader actions

Copy Pacing

Punchy

Jargon / Technical Level

Light industry terms

Emoji Usage

None

Hashtag Usage

None

Spatial Structure & Hierarchy

Perspective Style

Flat

Focal Structure

Single

Hierarchy Clarity

Strong

Symmetry

Near symmetry

Balance Type

Center-weighted

Layout Axis

Horizontal

Grid System

Modular grid

Visual Density

Packed

Artistic Mediums & Techniques

Physical Medium

Screen Print

Illustrative Technique

Vector illustration

Illustrative Technique

Fine parallel line fields; continuous pitch and angle variation; line-density depth without tonal shading

UI & Web

Color Theme

Light

Accent Strategy

Dual accent

Elevation Approach

Flat — no elevation

Shadow Technique

No shadows

Border Philosophy

Borderless

Button Shape

Sharp rectangle

Icon Style

Flat geometric

Icon Weight

Thin (1px)

Animation Philosophy

Functional only

Transition Speed

Deliberate (350–500ms)

Focus Ring Style

Solid offset ring

Mood & Personality

Experimental, Confident, Tense, Clean

Energy Level

Kinetic

Emotional Bias

Tense

Tone Register

Detached

Representation Mode

Symbolic

Real-world Accuracy

Stylized

Humor Usage

None

Container / Boundary

Container presence

Explicit (shape mask)

Container shape

Rectangle

Corner treatment

Sharp

Container Dominance

Visual element

Padding rules

Clear space equals twice the master field’s widest line pitch on all sides

Edge behavior

Intentional bleed

Background & Environment

Background Type

Texture

Environment Mood

Abstract

Background–Subject Relationship

Integrated

Background Complexity

Moderate

Guardrails

Common Artifacts to Avoid

Film Grain / Noise, Lens Flare, Stylistic filters, AI symmetry artifacts

Avoided Visuals

black-and-white spirals; checkerboard mod pastiche; warped photographs; distorted logos; rainbow fields; airbrushed shading; strobing; flicker

Avoided Colors

full-spectrum rainbow palettes; equal-value magenta and teal combinations

Avoided Layouts

text over line fields; patterned letterforms; more than one overlaid field; dense type-heavy interfaces; optically active safety surfaces

Allowed Visuals

fine parallel lines; off-centre bends; single 3–8 degree overlay field; solid knockout rectangles; square field crops; straight photo-to-field edges

Avoided Words

mesmerising; mind-bending; tricks; experience

Conditional Logic

Use one master field cropped at stated coordinates. Overlay at most one identical field, offset 3–8 degrees. Reduce line count rather than scaling; below six visible lines, use solid ground and wordmark alone. Animate only as slow drift; never strobe, flicker, or use high-frequency movement. Never use active fields for safety or medical information.

Colors

#00000045%Usage: Field black

#FFFFFF45%Usage: Field white

#8080804%Usage: Rule color

#E6007E3%Usage: Signal accent

#00A6A63%Usage: Signal accent

Palette Size

3–5 colors

Color Temperature

Neutral

Saturation Range

Achromatic

Contrast Strategy

High contrast

Hue Relationships

Complementary

Gradient Policy

No gradients

Color Dominance

Balanced

Black & White Point

Pure black + Pure white

Accessibility Level

WCAG AA

Shape Language

Shape Basis

Geometric

Primitive Dominance

Rectangles, Polygons

Edge Sharpness

Razor-sharp

Silhouette Clarity

Iconic

Curve Consistency

Variable radius

Negative Space Usage

Minimal

Angle Usage

Frequent

Surface, Material & Detail

Material Simulation

Paper

Surface Treatment

Matte

Surface Texture Style

Smooth

Texture Usage

Patterned

Imperfection Level

Flawless

Age of Surface

Timeless

Pattern / Motif Usage

Abstract pattern

Surface Treatment

Flat, hard, non-specular surfaces; dense even ink and exact edge reproduction

Line & Stroke System

Stroke Usage

Structural outlines

Stroke Weight

Hairline

Stroke Consistency

Uniform

Stroke Color

Neutral

Stroke Joins

Miter

References

Cultural References

Op Art, Victor Vasarely, Bridget Riley, Le Mouvement, The Responsive Eye

Temporal Reference

1960s

Custom Style Items

Master Field System

Every asset is a different crop of one master field; preserve coordinate-based continuity across applications.

Optical Depth

Create swell, recession, and apparent movement through line pitch and angle only—never gradients, shading, or distortion filters.

Moiré Overlay

When used, overlay a second identical field at 3–8 degrees to produce a legible moiré.

Wordmark Rule

Set the neutral grotesque wordmark tightly in a plain solid knockout rectangle; never place it directly on the field.

Icon Construction

Build icons as square crops where parallel lines bend into abstract forms; use one stroke weight equal to the finest field pitch.

Textile Reproduction

Redraw line pitch to thread count for woven or knitted applications; never scale the master field into weave.

......X