PROTOTYPES · UI TEMPLATES

Preview gallery

Parked design explorations, each a self-contained page. Open any of them, and use the toggle in the corner to check light and dark. These are mock designs to pick from when a real app needs one — not finished templates.

01

End-user panel — loyalty club

Mobile-first consumer app: points card, rewards, redeem sheet. The first pass at the end-user base.

consumer-mobile restrained reference
02

Ops panel — admin

Dense desktop queue: saved views, bulk actions with counts, slide-over preview, deep-linked URL state.

ops-panel restrained reference
03

Colour direction

Colour-forward value-set. Vibrant field with deep same-hue ink on top — five pairs, all verified 4.9–5.3:1.

direction colourful reference
04

Solo CRM — colour direction

Colour direction applied to a work tool. Rejected: read as a consumer app, not something you run a business on. Kept as a record.

solo-crm colourful superseded
05

Solo CRM — professional

Rebuilt: hairline grouped lists instead of floating cards, one accent, bottom tabs, swipe actions, batch send.

solo-crm professional superseded by 06
06

Solo CRM — professional + colour

Current. Meaningful colour plus seven functional gaps closed: revenue trend, unpaid money, agenda, undo, no-show recovery.

solo-crm professional latest
07

Admin panel — existing product themes

One admin panel, two real themes lifted from your own repos: Mizro (digital-menu) and AssetFlow. Switchable in place.

ops-panel product themes latest
11

Beauty salon — customer online booking

The customer-facing side of the beauty CRM: salon page → services → stylist → time → confirm → booked, in six screens. No sign-up, price visible from step one, running total and duration always on screen. Rose-glass skin, shared with the zibox-glass template.

consumer-mobile rose glass graduated → apps/beauty-online-book
10

Call screen — four full-background directions

Direction study for preview 09's call screen. Picked: A (photo poster) + B (same layout, brand-blue ground) as one language with two grounds; C and D rejected, kept as record.

phone-crm direction study A & B parked
09

Phone CRM — smart-call add-on for Arad CRM

Stakeholder storyboard of the idea-phone-crm doc: caller-ID overlay with tags and the pinned note, unknown caller, missed-call auto-messenger, post-call result modal, personalised templates, and the secretary's shared view. Phone screens wear the blue-poster direction picked in 10.

phone-crm storyboard professional graduated → apps/solo-phone-crm
08

Admin panel — mobile-friendly, Faraward theme

Gamification clay/3D theme from gamification-faraward. One table, reflowed to cards by container query — phone and desktop share the markup.

ops-panel mobile-friendly product theme latest

Adding one. Drop a new self-contained page in this folder, link vendor/preview/preview.css and vendor/preview/preview.js, name it with the next number, and add a card above. Full instructions and the per-preview design notes are in this folder's README.md.
Fonts are shared — never base64-inline Vazirmatn into a page again; vendor/preview/preview.css already serves it. Status colour is reserved and every state ships with a word beside it, so nothing here depends on hue alone.