Techniques
Painted-stucco chalky surface
A matte, faintly mottled cobalt fill that reads as hand-painted plaster rather than flat UI.
.stucco {
background-color: #1E40A6;
background-image:
radial-gradient(circle at 20% 30%, rgba(96,80,220,0.10) 0, transparent 45%),
radial-gradient(circle at 80% 70%, rgba(15,42,107,0.22) 0, transparent 55%);
background-blend-mode: overlay;
}
Zellige / mashrabiya lattice divider
A repeating geometric lattice line evoking carved screens and tilework.
.lattice {
height: 14px;
background-image:
linear-gradient(45deg, #E8B23A 25%, transparent 25%, transparent 75%, #E8B23A 75%),
linear-gradient(45deg, #E8B23A 25%, transparent 25%, transparent 75%, #E8B23A 75%);
background-size: 14px 14px;
background-position: 0 0, 7px 7px;
opacity: 0.85;
}
Glazed-pot accent ridge
A warm yellow top edge with a soft glow, like the rim-light on a row of terracotta planters.
.glazed-edge {
border-top: 3px solid #E8B23A;
box-shadow: 0 -2px 14px rgba(232,178,58,0.35);
}