---
id: portfolio.ds.sqvl-mesh-animation-draft
name: "SQVL Mesh Animation Draft"
type: visual_exception
status: active
relations: [{"type":"composes","target":"portfolio.ds.sqvl-mesh-animation"},{"type":"composes","target":"portfolio.ds.sqvl-mesh-animation-scene-setup"}]
sources: ["apps/portfolio-site/src/design-system/docs/sqvl-mesh-animation-draft.astro","apps/portfolio-site/src/lib/designSystemRegistry.ts","packages/design-system/src/components/SqvlMeshAnimationDraft.astro","packages/design-system/src/components/animations/SqvlMeshAnimationDraft.astro","packages/design-system/src/components/animations/SqvlMeshAnimationSceneSetup.astro"]
catalog: ["apps/portfolio-site/src/design-system/docs/sqvl-mesh-animation-draft.astro"]
previews: ["apps/portfolio-site/src/design-system/docs/sqvl-mesh-animation-draft.astro"]
---
# SQVL Mesh Animation Draft

## Purpose
Previous SQVL visual direction: a realtime SVG communication scene presented as a continuous two-copy conveyor.

## Contract
- Import `SQVL Mesh Animation Scene Setup` directly as the scene child.
- Keep scene geometry and device construction in the setup component.
- Render two isolated copies of the setup as A and B inside one horizontal track.
- Move continuously from A into B, then reset to the identical A position.
- Give each scene copy unique internal SVG identifiers.
- Hide setup-level debug guides in the parent.
- Keep the parent conveyor and scene motion at the same playback rate.
- Do not duplicate the setup SVG.
- Respect reduced-motion preferences.

## Current Usage

- Design System draft preview only.

## Code Paths

- `packages/design-system/src/components/SqvlMeshAnimationDraft.astro`
- `packages/design-system/src/components/animations/SqvlMeshAnimationDraft.astro`
- `packages/design-system/src/components/animations/SqvlMeshAnimationSceneSetup.astro`

## Use

Use when this named Design System contract is required by an approved composition or product surface.

## Do Not Use

Do not use outside the documented source, composition, or ownership contract without Design System Architect review.

## Accessibility

Preserve applicable accessibility behavior of the implementation and verify changes in actual usage.

## Verification

- Confirm every source path in frontmatter resolves to current implementation or documentation.
- Run `scripts/design-system-graph --check --no-write`.
- Verify actual usage and documented Preview against the enabled package profiles before completion.