Techniques
Neon tube glow
A looping script header lit like a wired neon sign against the aqua wall.
.neon-sign {
font-family: 'Lobster', cursive;
color: #FDECEC;
text-shadow:
0 0 4px #FDECEC,
0 0 10px #E85457,
0 0 22px #E03A3C,
0 0 40px #C12A2C;
}
Chrome trim band
A polished metal banding strip used to frame counters and card headers.
.chrome-band {
height: 14px;
border-radius: 9999px;
background: linear-gradient(
180deg,
#F7F8F9 0%, #C9CDD0 38%,
#7E858A 52%, #C9CDD0 66%, #EEF0F1 100%
);
box-shadow: inset 0 1px 1px rgba(255,255,255,0.8),
0 2px 4px rgba(0,0,0,0.25);
}
Checkerboard floor
The black-and-white diner floor as a section divider or footer ground.
.checkerboard {
background-image:
linear-gradient(45deg, #1A1A1A 25%, transparent 25%),
linear-gradient(-45deg, #1A1A1A 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #1A1A1A 75%),
linear-gradient(-45deg, transparent 75%, #1A1A1A 75%);
background-size: 48px 48px;
background-position: 0 0, 0 24px, 24px -24px, -24px 0;
background-color: #F4F1E9;
}