Bakkar Printing & Packaging
Theme Gallery
Design directions
Each theme is a complete, working front-end — not a mockup. Same catalogue, same content model, four different design languages. Pick one and we build it against the real database.
Complete All four are 8 pages, EN/AR with full RTL, and share the same feature set — light / dark / system theming, a search dialog, an image viewer, and a customiser with header / sidebar styles and an Arabic font picker (11 faces, Cairo by default). They differ only in design language.
Bright and friendly, built around a bento-grid hero. Generously rounded cards, soft layered elevation, a glassy sticky header and springy hover motion. The warmest and most conversion-focused of the four.
The restrained one — Stripe / Apple territory. No gradients anywhere. Hairline 1px borders do the containment instead of shadows, radii stay small, type is tight, and colour comes almost entirely from the product photography. Calm, confident, quietly expensive.
The loud one. White sections alternate with full-width near-black bands, so the packaging photography pops hard. A split hero, solid red blocks offset behind images, heavy tight type and image-dominant cards where the photo is the card.
A dark, engineering-grade catalogue: blueprint hairline grid, zero-radius panels, monospace technical labels, numbered section indices and a surgical red accent. The RFQ reads like a factory job ticket. Now complete — all 8 pages.
And the back office
A theme is only half the job — someone has to fill it. Console manages every
entity the site renders, in both languages, and it does not fork the theme: it loads Momentum's
own data.js and edits exactly what the public site reads.
Thirteen screens covering every entity the site renders — products, the category tree, tags, hero slides, agents, pages & SEO, the about story and its eight production steps, contact details, the quote-form options, and the RFQ inbox. Every human string is edited as an EN / AR pair, and the Arabic box turns amber when it is empty — so a translation gap is visible, not discovered later by an Arabic customer.