# Frame source (reference only)

These are the design canvas files behind each frame. They are NOT production code and will not run outside the canvas (they depend on its runtime, `support.js`, and on uploaded assets referenced as `/_blob/...`, which is the logo, also in `../assets/`).

Use them to read exact copy, spacing, sizes and colours. Build the real UI in checkout-js with the tokens in `../tokens/`.

Files starting with `V2-` are the approved direction. `V2-Step2`, `V2-Step3`, `V2-Error`, `V2-Mobile-Step*`, `V2-Mobile-Summary` and `V2-Signin-*` are thin wrappers that open `V2-Checkout`, `V2-Mobile` or `V2-Signin` at a given step. `Pro-*` are phase 2, older style, content only.