Made by Human

Celebrating human creativity — not by rejecting AI, but by honoring the intention, judgement, and personal touch that humans bring to every creative project.

Free SVG badges for websites, GitHub READMEs, apps, and art projects. Open source under MIT.

Browse badges | About the project | Live site

---

Badges

Eight SVG badges — four designs in white and black variants:

Badge	Use when...
	A general badge celebrating human creativity in all forms
	Your project involves collaboration with AI tools
	The work was created entirely by human hands
	Humans guide and curate an AI-assisted process

All badges also available in black variant. See the full gallery.

---

Quick start

Markdown (GitHub README)

[![Made by Human](https://madebyhuman.iamjarl.com/badges/made-white.svg)](https://madebyhuman.iamjarl.com)

HTML

<a href="https://madebyhuman.iamjarl.com">
  <img src="https://madebyhuman.iamjarl.com/badges/made-white.svg" alt="Made by Human" width="360" height="120">
</a>

Badge URLs

All badges hosted at: https://madebyhuman.iamjarl.com/badges/[name]-[variant].svg

Badge	White	Black
Made by Human	made-white.svg	made-black.svg
Co-created with AI	co-created-white.svg	co-created-black.svg
Crafted by Human	crafted-white.svg	crafted-black.svg
Human in the Loop	loop-white.svg	loop-black.svg

Or visit the badge gallery to download and copy embed codes interactively.

---

Development

npm install
npm run dev

Open http://localhost:3000.

Tech stack

• Next.js 16 — React framework with App Router (static export)
• React 19 — UI library
• Tailwind CSS v4 — Utility-first styling
• TypeScript — Type-safe development
• Framer Motion — Animations

Project structure

src/
  app/
    page.tsx            # Homepage
    layout.tsx          # Root layout (metadata, JSON-LD, Nav, Footer)
    config.ts           # URL configuration
    about/page.tsx      # About page
    badges/
      page.tsx          # Badge gallery (client component)
      layout.tsx        # Badge page metadata
  components/
    Nav.tsx             # Navigation bar
    Footer.tsx          # Footer with cross-links
  lib/
    badges.ts           # Badge data (single source of truth)
    umami.ts            # Analytics helper
scripts/
  generate-sitemap.mjs  # Sitemap generator
public/
  badges/               # SVG badge files
  sitemap.xml           # Generated sitemap
  robots.txt            # Crawl rules
  llms.txt              # AI engine indexing

Deployment

Automatically deployed to GitHub Pages via GitHub Actions on every push to main.

Live site: https://madebyhuman.iamjarl.com

---

Contributing

Everyone is welcome — badges, ideas, text, design, or code. See CONTRIBUTING.md for guidelines.

---

License

MIT License. See LICENSE for details.