Danny Garcia

Danny Garcia

Preview image. Unlock full-res

Midnight gradient canvas

Industryother
Palette
#10120d
#161912
#c8c8c8
#d1c5ad
#30263f
#2a5482
#40e4f7

Danny Garcia's portfolio uses a dark, atmospheric canvas with subtle surface variations and vibrant, ethereal gradients. Typography is confident and substantial on dark backdrops, using a limited color palette featuring a warm gray for primary text and a distinct golden-beige for interactive elements. The aesthetic combines a sense of digital craftsmanship with a touch of modern artistry, allowing gradients to provide visual interest and surface hierarchy rather than heavy shadows or borders. Prioritize Ebon Night (#10120d) for page backgrounds and Deep Forest (#161912) for subtly elevated card surfaces. Use Ash Gray (#c8c8c8) for all primary static text, ensuring high contrast and readability on dark backgrounds. Apply Warm Parchment (#d1c5ad) exclusively for interactive links and explicit action borders, using an outlined style. Utilize Avenir Next for all typography, adjusting weights (400, 600, 700) and sizes (16-104px) to establish hierarchy. Maintain generous section and card spacing, with 48px for cardPadding and sectionGap, and 24px for elementGap. Incorporate the gradient backdrops and blurred orb accents to add diffuse color and depth, especially behind cards and hero content. Apply asymmetric border-radius (e.g., 0px 0px 96px 96px) to cards where visual distinction is desired, otherwise use 0px. Avoid using harsh, solid colors for backgrounds; lean into soft, dark neutrals and gradients for visual depth. Do not introduce sharp shadows or overly defined borders, as the system relies on gradients and slight color shifts for depth. Refrain from using Warm Parchment (#d1c5ad) as a solid background fill for buttons; it's reserved for outlined actions and links. Do not deviate from the Avenir Next typeface; maintain its distinct character and range of weights. Avoid tight spacing; maintain the spacious and breathable layout with minimum 24px between elements and 48px for larger sections. Do not use highly saturated, non-gradient colors for large blocks; vivid hues are for subtle accents and blurred effects. Do not use generic, symmetrical radii on cards, except for explicit no-radius cases; embrace the distinctive larger asymmetric radii for character.

More like this