Solana

Solana's design embodies a 'cyber-dark' aesthetic, where deep, rich blacks and near-blacks define the primary surfaces, creating a stage for technological elegance. A vibrant, almost holographic purple gradient often provides atmospheric depth, suggesting digital flow. White typography and sparse, vivid chromatic accents (lime, violet, orange) act like data points or signal lights, providing crucial contrast and indicating interactivity within the dark interface. The interplay of fluid gradients and sharp, contained UI elements gives it a feeling of advanced, yet approachable, digital infrastructure. Do use Deep Space (#000000) as the primary page background for ultimate contrast. Do apply 9999px borderRadius for all interactive buttons and pill-shaped elements to maintain brand consistency. Do utilize Diatype (or Inter) at heavier weights (300-500) and Polar White (#ffffff) for all headlines. Do leverage the Infrared Gradient (linear-gradient(rgb(0, 0, 0), rgb(20, 0, 29))) for hero backgrounds to establish atmospheric depth. Do maintain a comfortable elementGap of 4px for tight UI element separation, scaling up as needed for larger blocks. Do use Border Plasma (rgba(236, 228, 253, 0.2)) for subtle borders on ghost buttons against dark backgrounds. Do use Cyber Lime (#55e9ab) sparingly as an accent color for key interactive states or indicators. Don't use pronounced box shadows; subtle insets or glows are preferred, if any, as the design relies on color and gradient depth. Don't introduce additional bright or pastel backgrounds; maintain the dark theme with Dark Matter (#121212) or Deep Space (#000000) for all surfaces. Don't use standard square buttons; all primary interaction buttons should be pill-shaped (9999px radius). Don't use overly saturated colors for body text; rely on Vapor Gray (#ababba) for readability against dark surfaces. Don't use generic system fonts; always prioritize Diatype (or its substitute Inter) to maintain the brand's typographic identity. Don't break the established padding of 32px for cards; this ensures consistent content breathing room.