Design language for Claude artifacts and standalone HTML pages (reports, market research, explainers, dashboards, explorables, 3D). Use before building or editing any artifact or HTML page. Loads with one look: carbon, apple, primer, editorial, material, clay…
Architecture diagrams for polished-artifacts with LikeC4, built locally and published as an explorable page, an embedded view or an image. Use for system context, container and flow diagrams, and any architecture with more than one view or kept in a repo.
Apple HIG look for polished-artifacts, with no glass or translucency. Load after polished-artifacts:core when the user picks the Apple look. Spacious, grouped, content-first.
Editorial look for polished-artifacts, modelled on Tufte CSS and the AI 2040 Plan A scenario site. Load after polished-artifacts:core when the user picks the Editorial look. Ivory paper, et-book serif, one dark red accent, dot-fill figures.
IBM Carbon look for polished-artifacts. Load after polished-artifacts:core when the user picks the Carbon look. Flat, dense, productive; IBM Plex.
Clay look for polished-artifacts, modelled on anthropic.com's palette and type. Load after polished-artifacts:core when the user picks the Clay look. Warm ivory, serif body, bold sans headings, clay accent.
Manim (Community Edition) animations for polished-artifacts, rendered locally and embedded as video. Use only when the user asks for a Manim or 3Blue1Brown-style animation.
Material 3 look for polished-artifacts. Load after polished-artifacts:core when the user picks the Material look. Tonal surfaces, rounded containers, Roboto Flex.