Neuralink

Neuralink

Preview image. Unlock full-res

Deep void to soft textured canvas

Industryai
Palette
#000000
#ffffff
#f5f5f5
#bababa
#e486ab

Neuralink's design system uses a high-contrast dark-to-light progression, transitioning from a deep void to soft, textured surfaces. Typography is minimal and precise, focusing on clear communication over decorative flair. Interactive elements feature soft, large radii, creating an approachable feel within the clinical and technical context. The system relies on a restrained palette, where shifts in background color delicately delineate sections. Use Midnight Void (#000000) for hero backgrounds and primary text to establish high contrast. Employ Canvas White (#ffffff) for primary interactive element backgrounds and key text on dark backgrounds. Apply Soft Linen (#f5f5f5) as the background for most content sections to provide a subtle texture contrast to the dark hero. All buttons must use an 80px border-radius for a distinct, soft pill shape. Maintain comfortable density with 12px element-gap between components and 50px section-gap between major content blocks. Utilize UntitledSans for all type, with variable letter-spacing as defined in the typography section, to ensure precise visual rhythm. Implement the Neural Gradient for the top informational banner, creating a unique brand signature without relying on saturated brand colors elsewhere. Do not introduce additional saturated colors beyond the Neural Gradient; maintain the achromatic base palette. Avoid generic rectangular buttons; all buttons should adhere to the 80px radius for a consistent pill aesthetic. Do not use heavy shadows or excessive elevation; the design relies on changes in background color and subtle borders for depth. Refrain from using Ash Gray (#bababa) for critical text or active states; reserve it for muted, secondary information. Do not break the established typographic scale; maintain semantic roles and their associated sizes and letter-spacing values from the typeScale. Avoid compact layouts; prioritize comfortable spacing with 12px element gaps and 50px section gaps. Do not use generic system fonts; the custom UntitledSans is fundamental to the brand's quiet, precise tone.

More like this