Techniques
Creamy paper-grain texture
A subtle noise overlay on cream surfaces that evokes hand-made paper menus and artisanal packaging.
.surface-grain {
background-color: #F8F0DC;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.02'/%3E%3C/svg%3E");
}
Gelato-tub pastel row
Horizontal row of pastel circles evoking the overhead view of a gelato counter display — used as decorative section dividers.
.gelato-tub-row {
display: flex;
justify-content: center;
gap: 12px;
padding: 24px 0;
}
.gelato-tub-row span {
width: 48px;
height: 48px;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(92, 61, 42, 0.1);
}
.gelato-tub-row span:nth-child(1) { background: #A8D89C; }
.gelato-tub-row span:nth-child(2) { background: #F4B4C4; }
.gelato-tub-row span:nth-child(3) { background: #F5E186; }
.gelato-tub-row span:nth-child(4) { background: #C97A5A; }
.gelato-tub-row span:nth-child(5) { background: #E9A93C; }
.gelato-tub-row span:nth-child(6) { background: #F8F0DC; }
Hand-chalked script accent
Caveat-font labels styled to feel like hand-written chalkboard annotations — used for prices, flavor callouts, and decorative asides.
.chalk-accent {
font-family: 'Caveat', cursive;
font-size: 1.25rem;
color: #E9A93C;
transform: rotate(-2deg);
display: inline-block;
letter-spacing: 0.02em;
}