Techniques
3D poster-shadow display type
Stack two hard-offset shadows (black drop + cream highlight) to get the painted "popped off the billboard" feel that defined Amitabh Bachchan-era title cards.
.poster-title {
font-family: 'Bungee', 'Teko', sans-serif;
font-size: clamp(3.5rem, 8vw, 6rem);
color: #FFD600;
text-transform: uppercase;
letter-spacing: 0.02em;
line-height: 1.0;
text-shadow:
2px 2px 0 #CC2200,
4px 4px 0 #1A1A1A,
6px 6px 0 #1A237E,
8px 8px 12px rgba(0, 0, 0, 0.4);
transform: rotate(-2deg);
}
Diagonal saffron banner
The angled title banner crossing a saturated backdrop is the single most recognizable Bollywood compositional move — hero face peeking above, action scene below.
.diagonal-banner {
position: relative;
background: linear-gradient(95deg, #E65100 0%, #CC2200 60%, #E91E63 100%);
color: #FFD600;
padding: 48px 64px;
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
border-top: 4px solid #1A1A1A;
border-bottom: 4px solid #1A1A1A;
box-shadow: 0 8px 0 #1A1A1A, 0 16px 48px rgba(0, 0, 0, 0.35);
}
.diagonal-banner::after {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(255, 214, 0, 0.35), transparent 60%);
mix-blend-mode: screen;
pointer-events: none;
}
Starburst price / label badge
Painted starburst badges punched onto posters to shout a ticket price, a new release, or a marquee name.
.starburst-badge {
--spikes: 16;
width: 120px; height: 120px;
display: grid; place-items: center;
background: #FFD600;
color: #CC2200;
font-family: 'Bungee', sans-serif;
font-size: 1.25rem;
text-align: center;
border: 3px solid #1A1A1A;
clip-path: polygon(
50% 0%, 58% 18%, 79% 12%, 71% 32%, 92% 38%, 74% 52%,
92% 62%, 71% 68%, 79% 88%, 58% 82%, 50% 100%, 42% 82%,
21% 88%, 29% 68%, 8% 62%, 26% 52%, 8% 38%, 29% 32%,
21% 12%, 42% 18%
);
filter: drop-shadow(4px 4px 0 #1A1A1A);
transform: rotate(-8deg);
}