Engineered specifically for high-conversion gadget e-commerce in Bangladesh. Synthesizes key design patterns and functional affordances from Diamu.com.bd, Apple Gadgets BD, and Dazzle.com.bd.
🎨
Diamu.com.bd
Inspiration: Creator & Studio Focus, 25+ Commercial Bank 3–36 Mo EMI Calculator Tables, Loyalty Reward Points Incentives, and clean categorical racks.
⚡
Apple Gadgets BD
Inspiration: Bento Hero Flagship Grid, 5-Pillar Value Trust Bar (EMI, Fastest Delivery, Trade-in Exchange, After-Sales), and deep technical specification tables.
🛡️
Dazzle.com.bd
Inspiration: Obsidian Prestige Dark & Clean Studio Light Modes, Dual-Warranty Selection (Official BTRC vs 2-Yr Replacement Guarantee), live viewer social proof, and mobile dock.
1. Primitive Color Tokens (Layer 1)
Brand shades derive from --color-accent in tokens.css, default to #CC2446, and follow your saved color. Neutrals and state colors retain their semantic roles.
Crimson / Accent Ramp
--brand-50
Accent 3% + white
--brand-100
Accent 10% + white
--brand-300
Accent 42% + white
--brand-500 (Core)
var(--color-accent)
--brand-600
Accent 84% + black
--brand-700
Accent 72% + black
Obsidian Neutrals & State Accents
--slate-950
#0b0d12 (Canvas)
--slate-900
#111827 (Charcoal)
--cyan-500
#0ea5e9 (Info/Stock)
--emerald-500
#10b981 (Warranty)
--amber-500
#f59e0b (Rating)
--whatsapp
#25d366 (Order)
2. Typography Scale (Layer 1)
Using Inter across all display, heading, and body roles — matching Apple Gadgets BD's precision e-commerce typography, with Noto Sans Bengali for currency and localized copy.
5xl / 44px / Extrabold
Flagship Tech ৳ 2,34,990
4xl / 36px / Bold
The New iPhone Era.
2xl / 24px / SemiBold
MacBook Neo M5 13.6-Inch
base / 17px / Regular
Engineered with Grade 5 titanium and zero-latency computational photography. 2-Year instant replacement guarantee included.
বাংলা / 17px / Medium
অফিসিয়াল ওয়ারেন্টি এবং ক্যাশ অন ডেলিভারি সুবিধা সহ বাংলাদেশের সেরা গেজেট শপ।
