NDS UI Style

Generates UI in the style of National Design Studio - the team behind realfood.gov, trumprx.gov, and americabydesign.gov.

Typography

• Headlines: Instrument Serif (or Playfair Display, DM Serif), scale 4xl-8xl
• Body: Inter or system-ui sans-serif
• Labels: Monospace uppercase, tracking-widest

// Next.js font setup
import { Instrument_Serif, Inter } from 'next/font/google'

const serif = Instrument_Serif({ weight: '400', subsets: ['latin'], variable: '--font-serif' })
const sans = Inter({ subsets: ['latin'], variable: '--font-sans' })

Color Palettes