Indie design systems
295 design systems
- LinearButton
Linear DESIGN.mdView →Linear
IndieLinear treats darkness as its native medium — not as a "dark mode" toggled on, but as the foundational canvas upon which every element is deliberately placed.
◐ Dark· Primary Radius
- VercelButton
Vercel DESIGN.mdView →Vercel
IndieVercel's interface is minimalism elevated to an engineering principle. Every pixel serves a purpose, every absence of ornament is a deliberate choice.
○ Light· SFMono-Regular
- Stripe.ComButton
Stripe.Com DESIGN.mdView →Stripe.Com
IndieStripe's visual identity is a masterclass in what might be called technical luxury -- the rare intersection of engineering precision and editorial elegance.
◐ Dark· SF Pro Display
- DiditButton
Didit DESIGN.mdView →Didit
IndieDidit is identity and fraud infrastructure — one API, 25+ modules for KYC, KYB, AML, biometric auth, and wallet screening.
○ Light· Inter
- VariantButton
Variant DESIGN.mdView →Variant
IndieVariant is "endless designs for your ideas — just scroll," and the homepage is built to stage exactly that: a dark editorial canvas (rgb(34, 34, 34)) on which a right-hand grid of dashed-outline cards will fill with generated variations as…
◐ Dark· Variant Neue Display
- LumaButton
Luma DESIGN.mdView →Luma
IndieLuma's homepage stages an inverted composition: the top two-thirds of the viewport is a dark-video hero with a dotted-grid texture running down the right edge, and the bottom third resolves into a crisp white editorial canvas.
○ Light· Graphik
- Tegaki (gkurt.com)Button
Tegaki (gkurt.com) DESIGN.mdView →Tegaki (gkurt.com)
IndieTegaki — Japanese for "handwriting" — is a docs site for a library that animates handwriting from any font, and its own interface is built with the same restraint you'd want from a typography tool: it gets out of the way.
○ Light· SFMono-Regular
- Jus.DesignButton
Jus.Design DESIGN.mdView →Jus.Design
Indiejus.design is Justin Farrugia's personal portfolio — "Software Designer," previously founding designer at Maybe, now freelancing and building Curated Supply and CMD Supply — and it reads exactly like that resume: quiet, confident, no…
○ Light· Inter Variable
- Kimera CorpButton
Kimera Corp DESIGN.mdView →Kimera Corp
IndieKimera Corp is a type foundry and branding studio, and its homepage is built like a shop window for its own typefaces — a dense masonry grid of typeface releases (Melange Grotesk, Waldenburg, Apparat), identity work (Souvenir…
○ Light· Waldenburg
- SymblButton
Symbl DESIGN.mdView →Symbl
IndieSymbl tests how your logo performs at every scale — and the tool's own chrome is a demonstration of the same discipline. The page splits vertically down the middle: the left half is a warm concrete-grey canvas (rgb(184, 184, 184)) holding…
○ Light· Geist Mono
- Shopify.DesignButton
Shopify.Design DESIGN.mdView →Shopify.Design
IndieSet the canvas to pure white rgb(255, 255, 255) and text to pure black rgb(0, 0, 0). Use a condensed high-contrast serif (AntiqueLegacy, or a substitute like Canela Deck or GT Sectra Display) at semibold 500 for every headline.
○ Light· AntiqueLegacy
- Pacôme PertantButton
Pacôme Pertant DESIGN.mdView →Pacôme Pertant
IndiePacôme Pertant's portfolio opens with a choice — "enter with sound" or "enter without sound" — before you see a single piece of work, and that gate sets the tone for everything after it.
◐ Dark· Indivisible Variable
- ToyFightButton
ToyFight DESIGN.mdView →ToyFight
IndieToyFight brands itself as "The Unmistakably Original® Design Studio," and the home page delivers on that line through typographic craft rather than visual noise.
○ Light· SpeziaCondensed
- Brand Assets Generator (stoyanov.works)Button
Brand Assets Generator (stoyanov.works) DESIGN.mdView →Brand Assets Generator (stoyanov.works)
IndieThis is a tool that generates brand assets, and it dresses itself accordingly: the interface reads like a type specimen sheet rather than a SaaS dashboard.
○ Light· Telegraf
- OryzoButton
Oryzo DESIGN.mdView →Oryzo
IndieOryzo is a straight-faced product launch for "the world's most unnecessarily sophisticated cork coaster" — a deadpan parody of AI hype, built by the award-winning studio Lusion.
◐ Dark· Halyard Display
- Micah CarrollButton
Micah Carroll DESIGN.mdView →Micah Carroll
Indiemicahcarroll.com strips the personal-site format down to a single move: white type floating on a near-black field. The canvas isn't pure black — rgb(12, 12, 12) carries a luminance of 0.047, just enough warmth to avoid the dead flatness of…
◐ Dark· Inter
- Future ThreeButton
Future Three DESIGN.mdView →Future Three
IndieFuture Three presents itself as "A Creative Studio" that crafts "brands & digital experiences that seamlessly blend functionality with aesthetics," and the interface behaves like an editorial broadsheet that has been set in motion.
○ Light· Neue Haas Medium
- Wild Week Athens 2026Button
Wild Week Athens 2026 DESIGN.mdView →Wild Week Athens 2026
IndieWild Week's Athens edition leans hard into classical archaeology — a pale ash-grey canvas (rgb(203, 203, 203)) that reads like aged limestone, a single saturated ultramarine (rgb(7, 85, 187)) borrowed from vase-painting and Greek passport…
○ Light· Albertus Nova Light
- Busy Bee HoneyButton
Busy Bee Honey DESIGN.mdView →Busy Bee Honey
IndieBusy Bee Honey is a consumer honey brand that dresses an everyday grocery product in the warmth and craft of a heritage label.
○ Light· TayMakawao
- greptile.comButton
greptile.com DESIGN.mdView →greptile.com
IndieGreptile is an AI code-search tool, and its design embodies a specific tension: organic warmth meets technical precision. The background is a creamy off-white — not the clinical white of most developer tools, but a warm stone (rgb(241…
○ Light
- graphite.devButton
graphite.dev DESIGN.mdView →graphite.dev
IndieGraphite is a developer tool — and its design makes no apologies for that. The site is built in near-total darkness: a near-black zinc surface (#0a0a0a) that signals professional focus and zero distraction.
◐ Dark
- composio.devButton
composio.dev DESIGN.mdView →composio.dev
Indiecomposio.dev is a developer-tools landing page with an ambitious visual split personality: a pure white main content area anchored by a dark, almost theatrical hero section.
◐ Dark· ABC Diatype
- harshitbeni.comButton
harshitbeni.com DESIGN.mdView →harshitbeni.com
IndieHarshit Beniwal's portfolio is a Framer-built showcase that treats color as its primary storytelling device. The base is a cool light gray (rgb(243, 244, 246)) — a near-invisible neutral that stays out of the way.
○ Light
- haydenbleasel.comButton
haydenbleasel.com DESIGN.mdView →haydenbleasel.com
IndieHayden Bleasel's personal site embodies a specific strain of minimalism: confident, typographic, and deliberately restrained. The canvas is pure white. The text is near-black. The margins are vast.
○ Light
- HEXButton
HEX DESIGN.mdView →HEX
IndieHEX describes itself as "an experimental creative studio" that builds "monopolizing brands for cutting edge companies," and its own site is the proof of concept.
◐ Dark· Lausanne
- anara.comButton
anara.com DESIGN.mdView →anara.com
IndieAnara is a product that leans into warmth, craft, and approachability — unusual for a B2B SaaS. The design's most distinctive choice is its headline typeface: "Perfectly Nineties", a custom serif with retro editorial character, used at…
○ Light
- adasilv2.framer.websiteButton
adasilv2.framer.website DESIGN.mdView →adasilv2.framer.website
IndieThis is a Framer-built portfolio — and it shows in the best way. The design language is soft, rounded, and playful without being juvenile.
○ Light· DM Sans
- LumbreButton
Lumbre DESIGN.mdView →Lumbre
IndieLumbre calls itself "a sanctuary for the contemplative mind," a space for "deliberate reading" with "no distractions" and "no endless scrolling," and the interface is built to match that promise.
◐ Dark· Neue Montreal
- gracewalker.caButton
gracewalker.ca DESIGN.mdView →gracewalker.ca
IndieGrace Walker's portfolio radiates warmth and intentional boldness. The dominant surface is a vivid burnt orange — not the flat, digital orange of a dashboard, but one that feels hand-mixed, almost gouache-like.
○ Light
- evervault.comButton
evervault.com DESIGN.mdView →evervault.com
IndieEvervault.com is a security infrastructure company, and its design language encodes that identity at every level. The canvas is near-black (rgb(1, 3, 20)) — almost void — suggesting an environment where invisible things happen.
◐ Dark· Roobert
- jonsbones.comButton
jonsbones.com DESIGN.mdView →jonsbones.com
IndieJon's Bones is a direct-to-consumer e-commerce site selling pet products, and its design reads as warmly coastal — soft blues, dusty teals, and a dark slate that feels handcrafted rather than corporate.
○ Light· Typekit)
- amie.soButton
amie.so DESIGN.mdView →amie.so
IndieAmie is a calendar and productivity app whose marketing site mirrors its product: clean, white, app-like — but with surprising warmth and personality.
◐ Dark· Inter var
- jamesbaduor.comButton
jamesbaduor.com DESIGN.mdView →jamesbaduor.com
IndieJames Baduor's portfolio reads as a study in calibrated restraint. The palette is warm near-white — not clinical white — with a four-step background gradient from pure white through cream to a cool sage-tinted grey.
○ Light
- jrhu.meButton
jrhu.me DESIGN.mdView →jrhu.me
Indiejrhu.me is a personal portfolio built in Framer that strips back to near-zero. The design philosophy is stark minimalism: pure white background, pure black text, a single custom typeface, and no decorative system whatsoever.
○ Light· GT Standard M Regular
- expensive.toysButton
expensive.toys DESIGN.mdView →expensive.toys
Indieexpensive.toys is an act of deliberate anachronism. In a landscape of smooth, flat, system-font interfaces, it commits fully to Windows 95 / early web aesthetics — rendered through a modern Next.js codebase.
○ Light
- joebell.studioButton
joebell.studio DESIGN.mdView →joebell.studio
IndieJoe Bell's studio site is built on an unusual typographic bet: Inter at 48px bold for the hero, while the section headings (h2) are 14px uppercase with tracked-out spacing.
○ Light
- imagine.devButton
imagine.dev DESIGN.mdView →imagine.dev
IndieImagine.dev presents a rare design posture in the developer tools space: confident restraint. Where most dev-tool sites reach for drama through dark themes and neon accents, imagine.dev uses a warm off-white background (rgb(238, 238, 241))…
○ Light
- matte.appButton
matte.app DESIGN.mdView →matte.app
IndieMatte is a productivity app that treats its visual design as a product feature in itself. Where most tools default to cold UI grays, Matte builds on a warm near-white base and deploys a single vivid coral-orange accent (#ff6b35) that…
○ Light· Space Grotesk
- chanhdai.comButton
chanhdai.com DESIGN.mdView →chanhdai.com
Indiechanhdai.com is a developer portfolio and component library built with Next.js and Tailwind CSS. Its design philosophy is clean precision — a light-mode-first interface that communicates craft through tightly controlled spacing, a strictly…
○ Light
- imgsrc.ioButton
imgsrc.io DESIGN.mdView →imgsrc.io
IndieImgsrc.io is a developer tool with the clarity and discipline of a well-designed documentation site. Its white canvas and near-black text establish an immediately functional tone — this is software infrastructure, and the design…
○ Light
- papatui.comButton
papatui.com DESIGN.mdView →papatui.com
IndiePapatui is an e-commerce brand with a distinctly organic, warm character — somewhere between a heritage outdoor brand and a modern sustainable goods shop.
○ Light· SF Mono
- jaytel.comButton
jaytel.com DESIGN.mdView →jaytel.com
IndieJaytel is a product company that designs like one. The interface is clean, structured, and confident — a white canvas with a single electric-blue accent that does all the heavy lifting.
○ Light
- chester.howButton
chester.how DESIGN.mdView →chester.how
Indiechester.how is a personal site with an unusually deliberate typographic personality. Where most developer portfolios default to a sans-serif system font, this one leads with Fraunces — an optical-size serif with a softly romantic, slightly…
○ Light· Fraunces
- michael.fmButton
michael.fm DESIGN.mdView →michael.fm
Indiemichael.fm is a personal site that achieves personality through restraint and precision. Built with Geist Sans — Vercel's typeface — the entire typographic system collapses to a single font at a single size (16px), with variation coming…
○ Light· Geist Sans
- componine.comButton
componine.com DESIGN.mdView →componine.com
IndieComponine is a creative studio that means it. The site opens on a near-black ground — so dark it has a faint warm cast, almost like scorched paper — and saturates the visitor with heavy serif typography, amber flares, and Three.js motion…
◐ Dark· Memoir
- Cedric.DesignButton
Cedric.Design DESIGN.mdView →Cedric.Design
Indiecedric.design is a portfolio built entirely in Framer, and its design philosophy is unapologetic darkness. The canvas sits on a near-black rgb(20, 20, 20) background — not pure black, which would feel lifeless, but a dark charcoal that…
◐ Dark· SuisseIntl-Regular
- markflow.appButton
markflow.app DESIGN.mdView →markflow.app
IndieMarkflow is a developer-focused markdown tool that dresses itself in warm sand tones instead of the cold grays typical of the category.
○ Light· Inter
- huly.ioButton
huly.io DESIGN.mdView →huly.io
IndieHuly is a next-generation project management platform, and its site communicates that ambition through a sophisticated dark interface that blends code aesthetics with product confidence.
◐ Dark
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses