# Loading skins (for Jan)

Noribel uses **one** shared loader (`loading-overlay-*.js` + `nor-loading-overlay.css`).  
You do **not** rebuild the HTML/JS — you only ship a **CSS skin**.

## Workflow

1. Copy `_template.css` → `jan-YYYYMMDD.css`.
2. Edit colors, spinner look, logo size, typography — keep the class names.
3. In Design System → **Loading screens** → backdrop style **Custom skin**, paste:
   `/assets/loading-skins/jan-YYYYMMDD.css`
4. Hard-refresh the studio, use **Try full-page demo**.
5. Send Markus: the CSS file + 1–2 screenshots + short notes (“darker blue, thinner ring…”).

## Rules

- Keep Noribel logo / blues unless asked otherwise.
- Full page, compact, and blur all use the same classes — style all three if you change layout.
- No new JS, no inline HTML in the app.
- If you need a new *structure* (e.g. two logos), note it in chat — Markus wires the HTML once, then you skin it.