The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps.
The MD3 colour layer without any colours: the package's Tailwind plugin, its shadcn remap, and the pmndrs seed. Install this only if you compute the palette yourself — otherwise install `theme`, which supplies one.
The pmndrs theme with Cyan (#2BDCF6) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs design tokens for Figma, into `design/tokens/pmndrs/`: the palette, light and dark, and the type, spacing, radius and motion values, as variables Figma imports natively; the text and shadow styles, as a file Tokens Studio reads. The same values `theme` bakes into CSS and the docs pages list.
The pmndrs theme with Lime (#CAF543) as its source seed. Lime keeps the designer-selected neutral seeds. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs logo as SVG — complete, idle, animated and loading — into `public/pmndrs/`, so `/pmndrs/logo_loading.svg` is a plain image URL. The animations are CSS inside the files, with a reduced-motion fallback.
Inconsolata as `--font-mono`, so `font-mono` resolves to the pmndrs monospace — applied to `code, kbd, samp, pre` only. Through `next/font/google` on Next, through `@fontsource-variable/inconsolata` elsewhere.
The pmndrs theme with Orange (#FFC043) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs light and dark palettes as a plain CSS file. Import it in Vue, vanilla JavaScript or any project that uses CSS variables; no framework, Tailwind plugin or runtime dependency required.
The pmndrs theme with Purple (#D855F9) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs theme with Red (#FF4980) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs theme with Teal (#00F7A3) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The pmndrs theme: the Material Design 3 palette, the colour machinery under it (`md3-base`) and the mono font (`font-mono`). Additive to the stock shadcn tokens — blocks use `bg-primary` by default and reach for `bg-surface-dim` only where shadcn has no equivalent. Nothing to mount.
The pmndrs theme as `app/globals.css` for Open in v0: the light and dark palette, shadcn and MD3 colour utilities, Inter, Inconsolata and the default radius. In your own project, install `theme` or `preset` instead.
The pmndrs theme with Yellow (#EBFF0F) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs defaults. Light and dark palettes are baked at standard contrast; nothing to mount.
The poimandres shadcn preset and the pmndrs theme in one item, for `shadcn init`: style `base-luma`, Inter, the default radius, lucide icons, and the Material Design 3 palette with the mono font. Starts a project that already looks like pmndrs, no preset code needed.
The pmndrs palette and foundations for shadcn-vue: reka-luma, Lucide icons, Inter and Inconsolata, the default radius, and every Material Design 3 colour utility. Start a Vue project with one init command.