Dark-mode podcast platform, warm plum-black canvas, hot-pink gradient CTAs, editorial Poppins headlines over Inter body.
Castify is a podcast-platform template built on a warm plum-black canvas
(#220B13) punctuated by a hot-pink gradient — the sole interaction driver.
The visual mood is premium audio editorial: immersive dark sections alternate
with airy white gallery sections, warm lifestyle photography of podcast studios,
and a scrolling category marquee. Poppins carries every headline and label with
geometric confidence; Inter handles body text with workhorse neutrality. The
pink accent is used sparingly — eyebrows, stat labels, and CTAs — so it never
loses signal. The overall feeling is modern, media-savvy, and intimate, like a
late-night radio studio with the lights dimmed.
The system avoids heavy drop shadows. Instead, depth comes from:
rgba(255,255,255,0.05)
fill with a 10% white border, creating a frosted-glass effect on dark.No box-shadow tokens are defined; if needed in implementation, use a subtle
0 4px 24px rgba(0,0,0,0.08) on light sections only.
button primary
button primary hover
button secondary
button tertiary
card testimonial
input field
badge category
{colors.tertiary}) only for eyebrows, stat
labels, and primary CTAs. It earns its impact through restraint.rgba(255,255,255,0.05) + border) for depth.button-primary-hover is a sibling key,
not a child of button-primary.
Product

© 2026 Pagifye. All rights reserved.