mirror of
https://github.com/mileswolfallen2/miles-web.git
synced 2026-09-08 11:23:17 +00:00
99 lines
6.1 KiB
HTML
99 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The Diskette Project | Miles Wolf Allen</title>
|
|
<meta name="description" content="How The Diskette Project started and grew — part design experiment, part community bet, part creative exercise, and what 5,000+ people taught us about physical media, play, and internet lore.">
|
|
<link rel="canonical" href="https://milesallen.site/remake/diskette-devlog.html">
|
|
<meta property="og:title" content="The Diskette Project | Miles Wolf Allen">
|
|
<meta property="og:description" content="Part design experiment, part community bet, part creative exercise.">
|
|
<meta property="og:type" content="article">
|
|
<meta property="article:published_time" content="2026-08-11">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Article",
|
|
"headline": "The Diskette Project | Miles Wolf Allen",
|
|
"description": "Part design experiment, part community bet, part creative exercise.",
|
|
"author": { "@type": "Person", "name": "Miles Wolf Allen", "url": "https://milesallen.site/" },
|
|
"datePublished": "2026-08-11",
|
|
"url": "https://milesallen.site/remake/diskette-devlog.html",
|
|
"mainEntityOfPage": "https://milesallen.site/remake/diskette-devlog.html"
|
|
}
|
|
</script>
|
|
<meta name="theme-color" content="#f5b700">
|
|
<link rel="icon" type="image/png" href="../favicon.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Josefin+Sans:wght@300;400&family=Spectral:ital,wght@0,400;0,600;1,400&family=Anton&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="broadside.css">
|
|
</head>
|
|
<body class="yellow">
|
|
|
|
<nav class="article-nav">
|
|
<a class="brand" href="index.html"><span class="swatch"></span>MILES</a>
|
|
<div class="links">
|
|
<a href="index.html">Home</a>
|
|
<a href="index.html#projects">Projects</a>
|
|
<a href="index.html#blog">Devlog</a>
|
|
<a class="cta" href="index.html#contact">Say hi</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="article-wrap article-hero">
|
|
<div class="article-eyebrow">// DEVLOG 006 · 2026</div>
|
|
<h1>The Diskette Project</h1>
|
|
<p class="article-tagline">Part design experiment, part community bet, part creative exercise. It accidentally became a collective's most-loved project.</p>
|
|
<div class="article-tags">
|
|
<span class="article-tag">Design</span>
|
|
<span class="article-tag">Collective</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="hairline"></div>
|
|
|
|
<article class="article-wrap article-body">
|
|
|
|
<h2>How It Started</h2>
|
|
<p>The Diskette Project started with a question: what if we thought about software the way we think about the objects that used to hold it? A floppy disk was small, physical, and precious. It held something complete and self-contained. You could hand it to someone. It had a weight to it.</p>
|
|
<p>We started printing saves — little releases, zines, and resources — as beautiful portable files that look and feel like a small object rather than another link in a feed. Each one gets its own retro-styled landing page, like a physical sleeve sliding out of a desk drawer. Something you'd want to keep.</p>
|
|
|
|
<h2>Design as a Frame</h2>
|
|
<p>The name "Diskette" leans into the nostalgia, but the design language is its own thing. Lots of white, near-infinite blank space, thin rules, and a tiny serif for the fine print. It feels like the cover of a pamphlet from 1989 that somehow lives on the internet. Understated is the point — the files are the stars, not the chrome.</p>
|
|
<p>There's a deliberate tension in the whole thing. On one hand it's resolutely nostalgic and physical. On the other it's a fully digital, link-shareable, instant-access thing. We never let one win over the other. The absurdity is the appeal.</p>
|
|
|
|
<h2>Community Happened Anyway</h2>
|
|
<p>We never really planned for people to show up. The Diskette Project was meant to be mostly for us — an ongoing illustration exercise where a handful of us design fake products, absurd little files, and tiny print-flavored web pages. But then people started sharing them. And then more people. And then it became a full-blown community project.</p>
|
|
<p>At our peak, over 5,000 people joined our community. Not bad for a thing that started as "wouldn't it be funny if..." Actually, the community did what good communities do — they made it better. They built their own diskettes, riffed on the design, and pushed the whole thing somewhere none of us could have gotten to alone. It's equal parts mine and everyone's.</p>
|
|
|
|
<blockquote>The best projects are the ones the internet insists on finishing for you.</blockquote>
|
|
|
|
<h2>It's Still Kind of Silly</h2>
|
|
<p>Let's be honest — it's a project about digital floppy disks. It's absurd. And that's exactly why it works. The internet desperately wants to play. The second you hand people permission to be silly and make something beautiful while they do it, they'll show up in droves.</p>
|
|
<p>The Diskette Project taught me that the best creative work usually starts as a joke, a bet, or a dare — never as a "strategic initiative." Give people something tactile-feeling and strange, and give them room to add to it. You'll be surprised what comes back.</p>
|
|
|
|
<h2>What's Next</h2>
|
|
<p>We're not sure where Diskette goes from here. And honestly, that's part of the fun. It might keep growing. It might plateau. It might just exist as a strange little archive of playful internet objects. Any of those outcomes beats never having made it at all.</p>
|
|
|
|
<div class="back-row">
|
|
<a class="btn primary" href="index.html#blog">↩ Back to Devlog</a>
|
|
<a class="btn" href="index.html">Home</a>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
<footer class="article-footer">
|
|
<div class="foot-brand">MILES</div>
|
|
<div class="foot-links">
|
|
<a href="../uses.html">Uses</a>
|
|
<a href="../now.html">Now</a>
|
|
<a href="../colophon.html">Colophon</a>
|
|
<a href="../experiments.html">Internet History</a>
|
|
</div>
|
|
<p class="foot-note">Built by Miles · 2026 · Powered by too much coffee and the Konami code</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|