Branding
Your branding is what makes your store recognizable. DZBuild lets you set every visual element from the dashboard.
Logo
Dashboard → Customize → Branding → Logo.
| Spec | Recommended |
|---|---|
| Format | PNG (transparent) or SVG |
| Aspect ratio | ~3:1 (wider than tall) |
| Resolution | At least 300×100px |
| Max size | 1 MB |
The logo shows in:
- Storefront header
- Dashboard header (you, while logged in)
- Order receipts (PDF)
- Delivery labels
- Email notifications
Favicon
The little icon in the browser tab. 32×32px PNG or ICO.
Storefront banners
Hero / promotional banners on the homepage. Each theme has a slot for 1–3 banners. Recommended: 1920×600px JPG, ≤ 300 KB.
Colors
Pick:
- Primary — the dominant accent (buttons, links, hover states)
- Secondary — supporting accent (badges, highlights)
- Background — main page background (usually white or off-white)
- Text — body text (usually #111 or near-black)
Live preview shows your storefront and your dashboard adapting.
Typography
Font choices for the storefront:
| Font | Languages |
|---|---|
| Cairo | Arabic + Latin (default) |
| Tajawal | Arabic + Latin |
| Almarai | Arabic |
| Inter | Latin only |
| Roboto | Latin only |
Pick a primary font (used for body text) and an optional secondary (used for headings).
Per-theme tweaks
Some themes (Prestige, Showcase) expose additional brand controls — accent color, hero overlay opacity, button style (rounded / sharp).
SEO + social images
In the SEO section, set:
- OG image — what shows when your URL is shared on Facebook/WhatsApp/Telegram (1200×630 JPG).
- Site description — 160 chars max, used in search snippets.
Brand consistency tips
- Use the same logo in every channel (storefront, packaging, social).
- Pick two colors max as accents — too many looks amateur.
- Keep fonts to one or two total — body + heading.
- Use real product photos, not stock — Algerian buyers can spot stock instantly.