Monk Business Design System
The brand, its tokens and its components in one versioned system, for the website, the assistant, documents and social images.
The Monk Business identity is built on Lexend lettering, the orbital symbol as the O of MONK, the detached teal K accent and a graphite-first palette. This site documents how to use it and ships it as four packages, published privately to GitHub Packages under @monk-business and released together with one version number.
| Package | What it gives you |
|---|---|
@monk-business/tokens |
Design tokens (W3C DTCG source, built with Style Dictionary) as CSS variables, a Tailwind v4 theme, TypeScript and JSON. |
@monk-business/brand |
The 14 logo files, PNG icons and social images, and the font setup (Lexend, JetBrains Mono). |
@monk-business/css |
Framework-agnostic component styles: mb- classes in cascade layers, built only on the tokens. |
@monk-business/astro |
Astro components on top of the CSS: accessible markup, typed props, no client JavaScript. |
Brand
Voice and content, the logo and its clear space, color, typography, imagery, iconography and motion.
Tokens
Every color in both themes with its contrast, the type scale, spacing, radius, shadow and layout.
Components
Button, Tag, Card, form fields, Notice, header, footer, Hero and the chat widget, with live examples.
Assets
Download the logo SVGs, the favicon and app icons, and the images for Open Graph, WhatsApp and LinkedIn.