Patterns
Eighteen pattern styles use the symbol's geometry. Choose a seamless repeat or a fixed composition to suit the space.
Connected forms, varied rhythms.
Repeats, direction, frames and compositions
Paired repeat
Paired whole marks form a campaign field. Tile the supplied repeat unit without gaps.
Keep each mark intact. Do not pull its lobes apart.
Diagonal rhythm
Directional punctuation for an editorial panel; keep the fixed cadence.
Use the field as decoration and place the official logo separately.
Cropped-symbol edge
Use the edges of a campaign surface; protect the quiet center.
Do not clip the separate official logo lockup.
Macro monolith
One oversized whole-mark crop anchors the composition.
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.
Paired whole marks form a campaign field. Tile the supplied repeat unit without gaps.
Don’t
Turn one clear idea into a learning path. Give the next step room to become useful.
Keep each mark intact. Do not pull its lobes apart.
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
Paired whole marks form a campaign field. Tile the supplied repeat unit without gaps.
Don’t
Keep each mark intact. Do not pull its lobes apart.
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
Paired Repeat, Open Grid, Micro-icon Texture and Offset Lattice have dedicated seamless units. Tile these 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 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83