Overview and Philosophy
Blueprint is a component library focused on creating layered, explorable UI elements for educational demonstrations. The components are designed around the concept of elevation and explosion — allowing complex interface elements to be constructed from multiple layers that can be visually separated for examination.
The core philosophy is:
- Layered Construction – UI elements are built from multiple layers (fills, shadows, content) that stack using elevation.
- Explorable Design – Components can be “exploded” to show their layered construction in 3D space.
- Zoom Awareness – All measurements scale appropriately with zoom levels for detailed examination.
- Interactive Variants – Components support different visual states (default, hover, pressed) for comprehensive interaction demonstration.
Blueprint components are not meant to be production UI components. They are educational tools designed to help learners understand how interface elements are constructed and how they behave in different states.