Contextual Visual Editor — SHS Mobile TEST

Scope: Applies only to SHS Mobile TEST. No other site or live app is updated by these rules. Future reuse requires an explicit request.

1. Right side stays empty until a user right-clicks an element.
2. Context menu and right-side panel show only actions relevant to the selected element.
3. Click text to type directly over it, or edit via the panel field. Synchronise live preview.
4. Text supports project brand fonts, font size, text colour and relevant element background controls.
5. Every colour control offers named brand colours and Add New Colour. New named colours are saved to the TEST palette.
6. Drag to move, use handles to resize, replace SVGs from the Mobile Library, and delete selected items.
7. Maintain working Undo and Redo for changes.
8. Original SVG masters are never edited, flattened, recoloured, or replaced with PNGs automatically.
9. Save/approve within the test only; publication requires a separate explicit release.
10. Update this reference when the user changes the SHS Mobile TEST editing concept.

Open Visual Editor TEST · App-style home-screen button guide

SHS Mobile TEST · Visual installation concept (Wave 20)

The installation experience must use approved SHS branding and the approved original SVG icon. The generated four-panel arrow illustration is a visual concept, not a pixel-perfect reproduction of the iPhone interface and not a substitute for the approved logo. Any future production artwork must use the original SVG.

1. Offer a large, friendly SHS-branded GET SHS ON MY PHONE button with a clear Not Now option.
2. On iPhone, show a minimal visual overlay with large numbered icons and arrows: Safari Share → Add to Home Screen → Add → find SHS icon on Home Screen.
3. Do not promise automatic installation on iPhone; the visitor must complete Apple's Home Screen flow themselves.
4. On Android, use the native install prompt where supported; otherwise show visual Add to Home Screen guidance.
5. Keep guidance in SHS orange, white and dark brand colours; use the approved logo rather than generic hearts or substitute logos.
6. Preserve the original approved SVG unchanged. Icon PNGs may be derived for device compatibility, but never overwrite the SVG master.
7. Install tests point to the isolated test URL; a production portal URL requires separate approval.
8. Save the generated four-phone illustration as a concept reference only; it is not an exact Safari screenshot.
9. Keep a direct link from SHS Mobile Admin to the visual guide and the live install test page.

Open visual install concept page · Open phone install TEST