Documentation

Everything you need to build beautiful, consistent interfaces with the armpitMFG design system.

🚀

Getting Started

Learn how to integrate the armpitMFG theme into your project

Learn more →
🎨

Design Tokens

Colors, spacing, typography, and other CSS variables

Learn more →
🧩

Components

Interactive showcase of all available UI components

Learn more →

Utilities

Utility classes for rapid styling

Learn more →
📐

Layouts

Page layouts and grid systems

Learn more →

Quick Start

Add to your layout.tsx
// Cache-buster for fresh CSS (updates every 4 hours)
const getCacheBuster = () => {
  const fourHours = 4 * 60 * 60 * 1000;
  return Math.floor(Date.now() / fourHours);
};

const THEME_URL = `https://cdn.armpitmfg.com/theme/v1/index.css?v=${getCacheBuster()}`;

// In your <head>:
<link rel="stylesheet" href={THEME_URL} />