Madebyon

Madebyon

Preview image. Unlock full-res

Neon on Obsidian: Precision text and vivid accents against a deep, dark canvas.

Industryagency
Palette
#000000
#151515
#faf9f4
#bdbdbd
#666666
#dcff4f
#51d287

Madebyon uses a high-contrast dark aesthetic where deep black surfaces meet vivid neon green accents. Typography is compact and precise, maintaining readability against dark backgrounds with a single sans-serif typeface that subtly shifts its tracking for emphasis. Components are defined by sharp corners and generous padding, creating a distinct, confident presence, with interactive elements highlighted by a 'switched-on' luminous green. The overall impression is one of modern, refined competence. Always use Midnight Ink (#000000) as the base background for pages and main content blocks. Highlight primary actions with Switchblade Green (#dcff4f) for backgrounds, ensuring text uses a dark neutral like Onyx Graphite (#151515) for contrast. Apply Favorit at weight 400 for all typography, adjusting letter-spacing to -0.020em only for display headings (40px, 56px). Utilize 50px border-radius for all interactive buttons to create a consistent pill shape, and 8px for cards. Maintain a clear functional hierarchy using Floral Veil (#faf9f4) for primary text, Soft Silver (#bdbdbd) for secondary text, and Warm Gray (#666666) for tertiary text. Separate major sections with a consistent sectionGap of 81px to create a spacious rhythm. Use Onyx Graphite (#151515) for nested surfaces or input fields to provide subtle depth against the main Midnight Ink (#000000) background. Avoid introducing additional chromatic colors beyond Switchblade Green (#dcff4f) and Emerald Spark (#51d287) to preserve the stark brand identity. Do not vary font weights beyond 400 for Favorit; all typographic emphasis should be achieved through size and letter-spacing. Do not use subtle shadows for elevation; rely on background color changes or strong borders if elevation is required. Avoid applying tight padding on cards; maintain comfortable internal spacing with a minimum of 16px to 24px where content is present. Never use full-width sections without some horizontal padding; content should always feel contained even in full-bleed patterns. Do not use generic system fonts; always specify 'Favorit' or its defined substitute to maintain brand consistency. Avoid centered text blocks for large amounts of body copy; prefer left-aligned text for readability in the dark theme.

More like this