Techniques
Dot Pattern Border
A decorative dotted border that evokes the concentric dot-circle motif of Western Desert painting. Used on primary CTAs and featured cards.
.dot-border-element {
border: 2px dotted #D4A547;
border-radius: 12px;
position: relative;
}
.dot-border-element::before {
content: "";
position: absolute;
inset: -6px;
border: 2px dotted rgba(212, 165, 71, 0.4);
border-radius: 16px;
pointer-events: none;
}
Concentric Circle Ornament
An SVG-based concentric circle motif (waterhole symbol) used as a decorative corner ornament on cards and section headers.
.concentric-ornament {
position: relative;
}
.concentric-ornament::after {
content: "";
position: absolute;
top: -12px;
right: -12px;
width: 48px;
height: 48px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='22' fill='none' stroke='%23D4A547' stroke-width='2' stroke-dasharray='3 3'/%3E%3Ccircle cx='24' cy='24' r='15' fill='none' stroke='%23D4A547' stroke-width='2' stroke-dasharray='3 3'/%3E%3Ccircle cx='24' cy='24' r='8' fill='none' stroke='%23D4A547' stroke-width='2' stroke-dasharray='3 3'/%3E%3Ccircle cx='24' cy='24' r='3' fill='%23D4A547'/%3E%3C/svg%3E");
background-size: contain;
pointer-events: none;
opacity: 0.7;
}
Canvas Weave Texture
A subtle canvas-grain overlay that gives surfaces the tactile feel of woven linen — the substrate onto which Papunya artists apply their acrylic dots.
.canvas-weave {
position: relative;
}
.canvas-weave::after {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='canvas'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23canvas)' opacity='0.06'/%3E%3C/svg%3E");
pointer-events: none;
mix-blend-mode: multiply;
}