
Preview image. Unlock full-res
Neon on Obsidian: Precision text and vivid accents against a deep, dark canvas.
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.









