Nathan Riley

Nathan Riley

Preview image. Unlock full-res

Gallery of softly lit dreams.

Industrydesign
Palette
#000000
#ffffff
#393939
#fce0db

Nathan Riley's portfolio presents a serene, immersive gallery experience, characterized by a soft, almost ethereal visual style where imagery takes precedence. The core aesthetic relies on a monochromatic palette of deep charcoal, soft neutrals, and a surprising, gentle pink, allowing the evocative 3D art to be the focal point. Typography is distinctly split between an elegant, serif headline font and a functional sans-serif for body text, creating a contrast between artistic expression and clear information delivery. Control elements are minimal and merge seamlessly with their context. Prioritize imagery: let visuals drive the design, keeping UI elements minimal and subservient. Use Ethereal Pink (#fce0db) sparingly, limited to accent sections like the bio block, making its appearance impactful. Ensure large display text (238px Playfair Display) uses Midnight Charcoal (#000000) with -0.04em letter spacing for maximum visual distinctiveness. Apply Canvas White (#ffffff) as the default background for interactive components like social link buttons to maintain lightness. Use Ash Gray (#393939) for subtle informational text or secondary borders, providing a soft contrast. Employ the '9999px' radius for all small interactive elements, like social link buttons, to create a consistent 'pill' shape. Avoid using Ethereal Pink (#fce0db) for primary text or borders; reserve it for background accents only. Do not introduce strong, saturated colors; maintain the muted, achromatic dominant palette. Refrain from heavy shadows or multiple layered surface treatments; aim for a flat, immersive feel. Do not use highly contrasting borders or dividers to separate content; rely on visual breaks from imagery. Avoid generic system fonts for display headings; the custom serif 'Playfair Display' is key to brand identity. Do not break the established comfortable density; maintain consistent element gaps of 6px and vertical section spacing of 38px.

More like this