Promly

Promly uses a dark, immersive canvas with vibrant violet and blue accents that cut through the deep background like neon. Typography is direct and purposeful, maintaining legibility against the dark, gradient-infused surfaces. Components feature soft, rounded corners and subtle elevation, contributing to an approachable yet impactful aesthetic driven by energetic gradients and photography. Always use Canvas Deep (#000000) as the primary page background. Apply 25px border-radius to card elements and 12px to buttons and inputs. Headlines should use Avenir with negative letter-spacing for sizes above 35px to maintain a refined appearance. Accentuate key calls to action with Primary Blue Neon (#3898ec) for filled buttons. Utilize the Midnight Indigo (#040723) background for elevated content cards, distinct from the main canvas. Maintain a clear visual hierarchy by using Content White (#ffffff) for primary text and Muted Gray (#808080) for secondary details. Ensure consistent Comfortable density spacing, with 20px as a common element gap and a section gap of 88px. Avoid using bright, un-branded colors for large background areas; maintain the dark theme. Do not use generic square corners for cards or buttons; adhere to the specified radii of 25px and 12px. Refrain from using thin weights for body text without sufficient contrast; use Avenir 400 for general readability. Do not introduce additional shadow styles beyond the provided card elevation. Avoid deviating from the established letter-spacing values, especially for larger text, to preserve typographic character. Do not use a solid background color for hero sections; leverage the Gradient Hero Violet to Black. Do not use more than one distinct color for button fills; confine fills to Primary Blue Neon unless for semantic states.