designmd.lolBuilt by 0x1da49.comA complete, production-ready design system for building technical, high-contrast portfolio sites. Charcoal Cyber-Editorial is dark-first, grid-heavy, and built on Geist, Geist Mono, and GeistPixel-Square typography with deep charcoal surfaces, hairline borders, and a precise, angular radius scale. Every interaction is a clean color shift or subtle backdrop blur—no heavy shadows, no noise.
A complete, production-ready design system for building retro-terminal and pixel-arcade portfolio sites. Retro Pixel Dark Terminal is dark-first, deep purple, and built on Roboto Mono typography with high-contrast neon accents, thick structural borders, and unique pixel-notched corner clips. Every interaction is sharp and structural—no drop shadows, no blur, just bold neon highlights and perfectly square interactive elements.
A complete, production-ready design system for building technical, developer-focused portfolio and documentation sites. Technical Grid Dark is dark-first, high-contrast, and built on Inter Variable and JetBrains Mono Variable typography with neutral slate grays, thin 1px borders, and a sharp, grid-based layout. Every interaction is a precise color shift or subtle border highlight—no heavy shadows, no unnecessary noise.
A complete, production-ready design system for building technical and energetic portfolio sites. Vibrant Technologic Grid is high-contrast and structured, and built on FT Kunst Grotesk and Apercu Mono Pro typography with a vibrant orange accent, off-white surfaces, thin borders, and a soft, multi-layered shadow stack. Every interaction is crisp and energetic, anchored by pill-shaped buttons, subtle corner radii, and high-contrast focus states.
A complete, production-ready design system for building technical, high-contrast portfolio sites. High-Contrast Gradient Developer Workspace is dark-first, built on a pure black canvas with charcoal surfaces, and built on Google Sans and JetBrains Mono typography with warm orange-to-yellow gradient actions, thin 1px dark borders, and a generous pill-shaped radius scale. Every interaction is crisp and intentional—primary buttons sweep with warm gradients, monospace arrows nudge on hover, and key cards are haloed by cool blue-violet ambient glows.
A complete, production-ready design system for building functional, dense, and precise portfolio sites. High-Contrast Swiss Tech is a structured, grayscale-first system built on Geist and Geist Mono typography with fine 1px borders, a neutral color palette, and a sharp, tight corner radius scale. Every interaction is deliberate and clean—relying on subtle surface shifts and fine lines rather than heavy shadows or decorative noise.
A complete, production-ready design system for building bold, technical portfolio and documentation sites. High-Contrast Lime & Charcoal is dark-mode-first, pairing a deep charcoal base with a vivid, electric lime accent, and is built on Inter typography with a subtle 0.5rem corner radius scale and crisp 1px hairline borders. Every interaction is sharp and decisive—featuring smooth color transitions, subtle depth layering, and zero unnecessary noise.
A complete, production-ready design system for building calm, editorial documentation and product shell sites. Neutral Monochrome Documentation System is dense, neutral-gray, and near-monochrome, and built on Geist typography with warm off-whites, pure white canvas layers, translucent hairline borders, and a restrained 6px corner radius scale. Every interaction is a quiet color shift—no heavy shadows, no saturated noise.
A complete, production-ready design system for building dark, text-first documentation and portfolio sites. Warm Charcoal Editorial is dark-first, tactile, and editorial, and built on Lato typography with a warm charcoal palette, soft amber accents, and a restrained corner radius scale. Every interaction is grounded in subtle depth—featuring a signature page-wide inset shadow that gives the viewport a recessed, printed-manual feel.
A complete, production-ready design system for building energetic and modern portfolio sites. High-Contrast Athletic Minimalism is a stark, high-contrast visual system with a monochrome base, and built on Futura ND and Helvetica Now typography with near-black primary accents, generous whitespace, and a dual-radius scale of sharp 0px containers contrasted with 9999px pill-shaped interactive elements. Every interaction is clean and flat—no shadows, no noise, just pure structural contrast.
A complete, production-ready design system for building high-contrast, energetic brutalist portfolio sites. High-Contrast Yellow Brutalist Editorial is bold, high-impact, and technical, and built on Manrope and Space Mono typography with pure black, pure white, vivid yellow, and hard-edged, zero-radius borders. Every interaction is a sharp color shift or a solid underline reveal—no shadows, no gradients, and absolutely no rounded corners.
A complete, production-ready design system for building high-contrast, print-inspired editorial portfolio sites. Monochrome Editorial System is a line-driven, high-contrast system built on warm off-white canvases and deep near-black surfaces, and built on Inter and JetBrains Mono typography with precise hairline borders, a strictly rectangular layout, and a tight 6px corner radius scale. Every element is grounded by a flat elevation model and horizontal rules—no heavy shadows, no decorative noise, just pure layout rhythm.