Skip to content
IdeaZen

Design kits you can hand to your AI

AI coding tools fall back on the same look when you give them no design rules: purple gradients, identical rounded cards, emoji icons. Each kit below is an original design with exact colours, fonts and component rules, written as a DESIGN.md file. Preview one, copy the file, and put it in your project.

  • Ledger design preview: Dense, calm dashboards for data you read all day.

    Ledger

    Web app

    Dense, calm dashboards for data you read all day.

    Best for: Analytics and admin dashboards, Finance and inventory tools, Internal tools with tables.

  • Marginalia design preview: A reading-and-writing app that feels like a well-set page.

    Marginalia

    Web app

    A reading-and-writing app that feels like a well-set page.

    Best for: Notes, docs and journaling apps, Learning and study tools, Content and publishing tools.

  • Night Shift design preview: A dark, keyboard-first look for tools developers live in.

    Night Shift

    Web appDark

    A dark, keyboard-first look for tools developers live in.

    Best for: Developer tools and CLIs with a web UI, API dashboards and log viewers, Command-palette driven apps.

  • Launchpad design preview: A bold, confident landing page with hard edges and one loud colour.

    Launchpad

    Landing page

    A bold, confident landing page with hard edges and one loud colour.

    Best for: SaaS and product landing pages, Launch and waitlist pages, Hackathon and event sites.