Patterns
Eighteen pattern styles use the symbol's geometry. Choose a seamless repeat or a fixed composition to suit the space.
Ideas find a rhythm.
Repeats, direction, frames and compositions
Interlock repeat
All-over campaign fields; keep the adjoining tiles gap-free.
Do not separate or independently move the interlocking pieces.
Diagonal-tail rhythm
Directional punctuation for an editorial panel; keep the fixed cadence.
Do not mistake the tail field for a complete logo.
Cropped-symbol edge
Use the edges of a campaign surface; protect the quiet center.
Do not clip the separate official logo lockup.
Macro monolith
A single oversized body crop with a small tail accent.
Do not enlarge the official logo until its lockup is cropped.
Keep dense textures away from body copy. Leave a quiet area for text and choose one pattern family per message.
Do
Turn one clear idea into a learning path. Give the next step room to become useful.
All-over campaign fields; keep the adjoining tiles gap-free.
Don’t
Turn one clear idea into a learning path. Give the next step room to become useful.
Do not separate or independently move the interlocking pieces.
In practice
Ideas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
Edge framing makes room for a large message. Use the official signature separately from the decorative field.
Ideas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
Place a fixed composition once. Choose a crop that leaves the message clear.
Ideas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
Use a narrow directional pattern to frame a small interface message.
A field, in context
Do
All-over campaign fields; keep the adjoining tiles gap-free.
Don’t
Do not separate or independently move the interlocking pieces.
Density scales the repeat as one unit. Fixed compositions retain their original structure.
Ideas become useful when they connect.
Turn one clear idea into a learning path. Give the next step room to become useful.
Rules and source
A repeat must survive the seam
Only Interlock, Counter Grid, Micro-icon Texture and Offset Lattice are seamless. Use verified rectangular repeat units at zero gutter. The other fourteen styles are fixed compositions.
Scale, space, density
Hero symbol widths: 240–480px; editorial: 80–180px; micro: 24–56px. Separate motifs start at 0.5x width, increasing to 1x for quiet fields. Sparse 5–15%, editorial 20–35%, texture 40–60% only without body copy.
Do
Choose one family, preserve exact geometry and reserve a quiet area for the message.
Don’t
Never stretch, outline or add effects; do not put dense fields behind body text.
Open editable Figma sourceSource pages 16, 17, 18, 19, 20, 21