# Micrographics

Original graphics and a sizing study for the four process graphics.

## Graphics

Browse Graphics and Panels on /micrographics for the original library. The model is a sphere; compute is a square. Use graphics as supporting elements alongside the logo and typography.

- The library contains 159 elements and 78 panels. Read /micrographics.json for names, IDs, and direct SVG URLs.
- Element sizes: Micro 120 × 120, Medium 180 × 180, Large 240 × 240. Lines stay 1 px; dots scale as shapes. Micro is the default.
- Start monochrome. The Accent control is optional. Respect reduced motion and provide a still version when motion is unnecessary.
- Click a graphic to copy a portable SVG at the selected size. Download all original at-rest vectors at /downloads/hedra-micrographics.zip.

## Micrographic sizing

Open /micrographics?tab=sizing to compare Pretraining, Data collection, Post-training, and Deployment across five layouts.

- Process main-shape sizes: Micro 96 px, Medium 144 px, Large 192 px. Every size keeps 1 px lines, with more detail at larger sizes.
- Micro is the default for four-across rows, indexes, and graphics with titles. Medium and Large fit single-step layouts; Micro and Medium fit two-by-two layouts.
- Use Show size guides to inspect the main shapes. Layouts reduce columns or step down the graphic size at narrow widths. These are layout examples, not universal minimum-size rules.

## Files

- [Exact tokens](/tokens.json)
- [Original assets](/assets.json)
- [Guidelines](/guidelines.md)