---
name: "@pmndrs"
slug: "pmndrs"
description: "The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps."
category: "Icons/logos"
tags: ["design-system", "icons", "theming"]
framework: "react"
license: null
author: null
website: "https://pmndrs.github.io/design-system"
github: null
registry: "https://pmndrs.github.io/design-system/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 10
generated_at: "2026-10-12T06:47:43.297Z"
---

# @pmndrs

The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps.

## Links

- Website: https://pmndrs.github.io/design-system
- Registry JSON: https://pmndrs.github.io/design-system/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/pmndrs
- This file: https://sh4dcn.vercel.app/md/pmndrs.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json
pnpm dlx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json
bunx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json
# fetch the raw registry index
curl -s https://pmndrs.github.io/design-system/r/registry.json
```

## Components (10)

| name | type | description | install |
| --- | --- | --- | --- |
| md3-base | registry:lib | 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 yo… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/md3-base.json` |
| font-mono | registry:font | 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, thr… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/font-mono.json` |
| theme | registry:lib | 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 token… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme.json` |
| palette | registry:item | 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 plu… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/palette.json` |
| preset | registry:base | 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 … | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset.json` |
| preset-vue | registry:base | The pmndrs palette and foundations for shadcn-vue: reka-luma, Lucide icons, Inter and Inconsolata, the default radius, and every Material Design 3 colour utili… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset-vue.json` |
| logo | registry:item | 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 C… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/logo.json` |
| figma-tokens | registry:item | 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 Fi… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/figma-tokens.json` |
| guidelines | registry:item | The pmndrs brand book as `guidelines/Guidelines.md`: how to use the colour layer, type, spacing, components, the logo and the voice. The file Figma Make reads,… | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/guidelines.json` |
| v0 | registry:item | The pmndrs theme as a v0 project, for Open in v0: an `app/globals.css` with the shadcn colours and the Material Design 3 roles resolved to the pmndrs palette, … | `npx shadcn@latest add https://pmndrs.github.io/design-system/r/v0.json` |

## For AI agents

```text
You are adding components from @pmndrs to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/pmndrs.md) for the component list.
2. Fetch the machine-readable index: https://pmndrs.github.io/design-system/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: pmndrs).
```