Dennis Snellenberg

Dennis Snellenberg's design system uses a confident, dark-mode aesthetic with a strong emphasis on spaciousness and precise typography. Surfaces are predominantly dark, with crisp white text providing high contrast. A single vivid violet hue serves as the primary brand accent, thoughtfully deployed to highlight interactive elements and create moments of visual interest. The overall impression is one of meticulous craft and understated digital elegance. Prioritize Midnight Ink (#1c1d20) for primary page backgrounds and dark surface elements, establishing the core theme. Use Frosted Glass (#ffffff) for all main text on dark backgrounds and as a crisp accent for elements requiring high contrast. Apply Vivid Violet (#455ce9) sparingly for interactive elements, links, and card backgrounds to draw attention and reinforce brand identity. Ensure generous padding and spacing, using 18px as a consistent vertical and horizontal padding for most major content blocks and 12px for smaller element gaps. Utilize the Dennis Sans font with its consistent weight 450 across all text, relying on size changes for hierarchical differentiation. Employ a border radius of 36.72px for interactive links and tags, creating a distinct pill-like shape, contrasting with 10px for more structural body elements. Implement an inset shadow rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset for interactive link states to provide subtle feedback without heavy elevation. Avoid using multiple accent colors; Vivid Violet (#455ce9) is the sole chromatic accent. Do not introduce heavy drop shadows or strong skeuomorphic elements; use subtle inset borders or background color shifts for depth. Refrain from using overly bold or light font weights, as Dennis Sans weight 450 is the primary typographic expression. Do not clutter layouts with dense information; maintain comfortable spacing values (12px element gap, 18px padding for sections) to ensure readability. Avoid arbitrary border radii; stick to the specified 36.72px for interactive elements and 10px for structural containers. Do not use Frosted Glass (#ffffff) as a full-page background; its primary role is for text and elevated surfaces on dark pages.