# designmd.lol

> Open Source Website Design Files, Tokens & Specifications for AI Agents

A free digital library providing complete design specifications (DESIGN.md), agent prompt instructions (AGENTS.md), and component templates. No accounts, paywalls, or rate limits.

## Categories
- [Developer and Terminal](https://designmd.lol/categories): Terminal and Cyber, Workspace and Swiss
- [Documentation](https://designmd.lol/categories): Systems and Frameworks
- [Editorial](https://designmd.lol/categories): Brutalist, Monochrome and Print, Typographic and Serif
- [Landing Pages and SaaS](https://designmd.lol/categories): Cloud and Tech
- [Portfolio](https://designmd.lol/categories): Creative Studio, Developer, Minimal

## Products
- [Charcoal Cyber-Editorial — Dark-First Cyberpunk Design System & Template](https://designmd.lol/product/charcoal-cyber-editorial): A 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. (Category: Developer and Terminal > Terminal and Cyber)
- [Retro Pixel Dark Terminal — Deep Purple & Neon Dark-Mode Design System & Template](https://designmd.lol/product/retro-pixel-dark-terminal): 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. (Category: Developer and Terminal > Terminal and Cyber)
- [Technical Grid Dark — High-Contrast Developer Design System & Template](https://designmd.lol/product/technical-grid-dark): 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. (Category: Developer and Terminal > Terminal and Cyber)
- [Vibrant Technologic Grid — High-Contrast Orange & Grid-Based Design System & Template](https://designmd.lol/product/vibrant-technologic-grid): 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. (Category: Developer and Terminal > Terminal and Cyber)
- [High-Contrast Gradient Developer Workspace — Near-Black & Warm Gradient Design System & Template](https://designmd.lol/product/high-contrast-gradient-developer-workspace): 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. (Category: Developer and Terminal > Workspace and Swiss)
- [High-Contrast Swiss Tech — Swiss-Inspired Grayscale Design System & Template](https://designmd.lol/product/high-contrast-swiss-tech): 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. (Category: Developer and Terminal > Workspace and Swiss)
- [High-Contrast Lime & Charcoal — Dark-First Design System & Template](https://designmd.lol/product/high-contrast-lime-charcoal-framework): 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. (Category: Documentation > Systems and Frameworks)
- [Neutral Monochrome Documentation System — Dense Neutral-Gray Design System & Template](https://designmd.lol/product/neutral-monochrome-documentation-system): 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. (Category: Documentation > Systems and Frameworks)
- [Warm Charcoal Editorial — Dark-First Charcoal & Amber Design System & Template](https://designmd.lol/product/warm-charcoal-editorial-documentation): 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. (Category: Documentation > Systems and Frameworks)
- [High-Contrast Athletic Minimalism — Stark Monochrome Design System & Template](https://designmd.lol/product/high-contrast-athletic-minimalism): 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. (Category: Editorial > Brutalist)
- [High-Contrast Yellow Brutalist Editorial — Vivid Yellow & Black Brutalist Design System & Template](https://designmd.lol/product/high-contrast-yellow-brutalist-editorial): 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. (Category: Editorial > Brutalist)
- [Monochrome Editorial System — High-Contrast Light & Dark Design System & Template](https://designmd.lol/product/monochrome-editorial-system): 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. (Category: Editorial > Monochrome and Print)
- [Monochrome Editorial Tech — Stark Monochrome Design System & Template](https://designmd.lol/product/monochrome-editorial-tech): A complete, production-ready design system for building stark, high-contrast editorial portfolio sites. Monochrome Editorial Tech is light-first, starkly monochrome, and built on OpenAI Sans typography with pure white backgrounds, deep black primary elements, and a flexible corner radius scale ranging from sharp lines to pill-shaped buttons. Every interaction is clean and flat—relying on subtle opacity shifts, light gray borders, and soft hover lifts rather than heavy shadows. (Category: Editorial > Monochrome and Print)
- [Soft Slate Blue Editorial — Light-First Design System & Template](https://designmd.lol/product/soft-slate-blue-editorial): A complete, production-ready design system for building clean, editorial portfolio sites. Soft Slate Blue Editorial is a light-first, highly readable system with deep blue accents, and built on Hanken Grotesk typography with soft slate surfaces, low-contrast borders, and a friendly, rounded radius scale. Every interaction is a smooth, quiet transition—relying on subtle surface shifts, soft shadows, and elegant hover states rather than heavy borders or loud noise. (Category: Editorial > Monochrome and Print)
- [Dark Editorial Typographic Showcase — Stark Dark-First Design System & Template](https://designmd.lol/product/dark-editorial-typographic-showcase): A complete, production-ready design system for building editorial, gallery-like portfolio sites. Dark Editorial Typographic Showcase is a stark, high-contrast dark interface that frames independent typefaces as the primary visual subject, and built on Space Grotesk typography with warm cream-white ink, hairline rules, and a soft, restrained radius scale. Every interaction is driven by a single chromatic cue—a vivid orange accent—with no heavy drop shadows, relying on hairline borders and subtle surface shifts. (Category: Editorial > Typographic and Serif)
- [Warm Ivory Editorial Serif — Warm Editorial Ivory Design System & Template](https://designmd.lol/product/warm-ivory-editorial-serif): A complete, production-ready design system for building warm, high-contrast editorial portfolio sites. Warm Ivory Editorial Serif is light-first, paper-like, and built on classic serif and geometric sans-serif typography with soft ivory backgrounds, thin translucent borders, and a soft, restrained corner radius scale. Every interaction is a quiet, smooth transition—subtle background shifts, fine border highlights, and gentle image zooms with no heavy shadows. (Category: Editorial > Typographic and Serif)
- [Warm Slate Developer Editorial — Warm-Toned Editorial Design System & Template](https://designmd.lol/product/warm-slate-developer-editorial): A complete, production-ready design system for building warm, editorial developer-community portfolio sites. Warm Slate Developer Editorial is warm-first, softly toned, and built on Source Sans Pro typography with muted greys, warm beiges, hairline borders, and a soft 6px corner radius scale. Every interaction is tactile and quiet—relying on subtle border contrast, hairline inset rings, and soft inner shadows on press rather than heavy drop shadows. (Category: Editorial > Typographic and Serif)
- [Technical Monochrome with Chartreuse Accent — Stark & High-Contrast Design System & Template](https://designmd.lol/product/technical-monochrome-with-chartreuse-accent): A complete, production-ready design system for building stark, technical portfolio sites. Technical Monochrome with Chartreuse Accent is a high-contrast, utilitarian design system, and built on Inter and JetBrains Mono typography with a minimal palette of near-black and off-white, hairline borders, and a sharp, tight radius scale. Every interaction is precise and high-contrast—relying on crisp borders and a single vibrant chartreuse accent rather than heavy shadows or decorative noise. (Category: Landing Pages and SaaS > Cloud and Tech)
- [Trustworthy Cloud Hosting — Vibrant Blue & Light-First Design System & Template](https://designmd.lol/product/trustworthy-cloud-hosting): A complete, production-ready design system for building professional, high-contrast tech and hosting sites. Trustworthy Cloud Hosting is light-first, vibrant, and built on Mulish typography with deep blue gradients, clean white surfaces, and a precise 4px corner radius scale. Every interaction is polished and tactile—featuring subtle card lifts, brightening gradient sweeps, and smooth underline transitions. (Category: Landing Pages and SaaS > Cloud and Tech)
- [Mystic Pastoral Adventure — Dark, Earthy & Mystical Design System & Template](https://designmd.lol/product/mystic-pastoral-adventure): A complete, production-ready design system for building atmospheric, illustrative portfolio sites. Mystic Pastoral Adventure is dark-first, earthy, and atmospheric, and built on a modern system font stack with deep purple-gray tones, warm cream text, and a soft 4px to 8px radius scale. Every interaction is tactile and organic—featuring subtle scale-up transforms, elegant uppercase headings, and a vibrant, glowing green gradient for primary actions. (Category: Portfolio > Creative Studio)
- [Sleek Dark Creative Studio — Premium Dark Design System & Template](https://designmd.lol/product/sleek-dark-creative-studio): A complete, production-ready design system for building sophisticated, high-contrast portfolio sites. Sleek Dark Creative Studio is dark-first, featuring deep black backgrounds and vibrant violet-to-pink gradients, and built on Inter, Poppins, and Geist Mono typography with polished glassmorphic elements, 1px borders, and a generous rounded corner scale. Every interaction is a subtle elevation shift—no heavy shadows, just clean borders, backdrop blurs, and smooth scale transitions. (Category: Portfolio > Creative Studio)
- [Dark Technical Minimalist — High-Contrast Developer Design System & Template](https://designmd.lol/product/dark-technical-minimalist): A complete, production-ready design system for building dark, code-centric developer portfolio sites. Dark Technical Minimalist is dark-first, high-contrast, and monospace-influenced, and built on Replit Diatype and Replit Diatype Mono typography with deep neutral grays, vibrant blue accents, and a precise, moderately rounded corner scale. Every interaction is clean and functional—relying on subtle surface elevations, thin borders, and sharp focus states without heavy shadows. (Category: Portfolio > Developer)
- [Neon Bracket Technical Dark — High-Contrast Technical Dark Design System & Template](https://designmd.lol/product/neon-bracket-technical-dark): A complete, production-ready design system for building cybernetic, developer-focused portfolio sites. Neon Bracket Technical Dark is dark-first, high-contrast, and built on Martian Grotesk and Martian Mono VF typography with a dark indigo-charcoal canvas, saturated cyan accents, and a signature corner-bracket border motif. Every interaction is defined by precise cyan shifts, backdrop blurs, and custom corner-bracket reveals—no heavy shadows, no unnecessary noise. (Category: Portfolio > Developer)
- [Nocturnal Vivid Developer — Dark-Mode & Electric Purple Design System & Template](https://designmd.lol/product/nocturnal-vivid-developer): A complete, production-ready design system for building high-contrast, developer-focused portfolio sites. Nocturnal Vivid Developer is a high-contrast, dark-mode system combining deep black surfaces with vibrant purple accents, and built on Moden Sans and Inter typography with deep black backgrounds, subtle semi-transparent borders, and a precise, modern radius scale. Every interaction is defined by crisp contrast and tactile spotlight effects—no heavy shadows, just pure technical clarity. (Category: Portfolio > Developer)
- [Noir Minimal Portfolio — Dark-First Design System & Template](https://designmd.lol/product/noir-minimal-portfolio): A complete, production-ready design system for building calm, text-centric portfolio sites. Noir Minimal Portfolio is dark-first, near-monochrome, and built on Geist typography with muted grays, hairline borders, and a tight radius scale. (Category: Portfolio > Minimal)
- [Soft Slate Purple Minimal — Light-First, Violet-Accented Design System & Template](https://designmd.lol/product/soft-slate-purple-minimal): A complete, production-ready design system for building calm, spacious, and editorial portfolio sites. Soft Slate Purple Minimal is light-first, and built on system-sans typography with soft slate neutrals, vivid violet accents, and a friendly, rounded corner scale. Every interaction is a quiet color shift or a selective pop of violet—no heavy shadows, no unnecessary noise. (Category: Portfolio > Minimal)

## API & Raw Access
- Direct Raw Design Specification: https://designmd.lol/product/{slug}/raw
- Download Bundle (.zip): https://designmd.lol/download/{slug}.zip

## Policies & Documentation
- License: MIT / 100% Free & Open Source
- Website: https://designmd.lol
- Inspired By: https://designmd.lol/inspired
- Terms: https://designmd.lol/terms
- Privacy: https://designmd.lol/privacy