Brand & design system

Mummy and Munchkin

Red, yellow and black on white. Roughly 70% white, 20% black and greys, 7% red, 3% yellow per screen. One coloured band per screen height. Product photography provides the colour; the UI stays quiet.

Logo

Full colour on white · header, mobile drawer, order tracking, contact

Reversed · footer and any black surface

Mark only · favicon 512 / 180 / 32

Never recolour, stretch, outline or add effects. Clear space around the logo equals the height of the “&”.

Colour tokens

--mm-red #D7141A Primary buttons, CTAs, active nav underline, Sale link, cart progress fill, current tracking step

--mm-red-dark #B5121B Button hover and pressed, sale prices, low stock and error text

--mm-red-logo #F11A1F Logo only and large decorative graphics ≥ 24px

--mm-yellow #FCEF01 Announcement bar, sale and discount badges, You save chips, footer headings and icons on black, countdown digits on black. Never text or lines on white

--mm-yellow-soft #FFF8D6 Guarantees band and the free-delivery-unlocked state only

--mm-black #171616 All text, icons, secondary buttons, selected size and swatch, rating stars, links, footer background

--mm-grey-text #5E5955 Secondary text and struck-through original prices

--mm-surface #F6F4F1 Image placeholders and soft section backgrounds

--mm-line #E7E3DE Hairlines and dividers

--mm-input-border #8C8580 Form fields and unselected swatch rings

--mm-white #FFFFFF Page background and header

Type scale · Plus Jakarta Sans

Hero · 800 · 36 / 60px

Style for the whole family

Section title · 800 · 26 / 40px

Shop by collection

Product title · 800 · 24 / 34px

Noor Embroidered Lawn Kurta, 2-Piece

Body · 400 · 15–16px / 1.6

Breathable lawn, hand-finished embroidery and a relaxed fit. Dispatched within 24 hours, delivered in 2–5 working days with tracking.

Secondary · 13–14px

Free delivery on selected items · Cash on Delivery all over Pakistan

Eyebrow · 700 · 12px · +0.08emEid edit ’26

Price · bold · tabularRs 6,490~~Rs 8,990~~You save Rs 2,500 (28%)

Buttons

Text link Text link hover

52px tall, 8px radius, 15px bold, sentence case. Focus ring 2px black with 2px white offset; 2px yellow on black.

Badges & chips

−28% New Best seller Sold Out Chip Chip active Size M × CODJazzCash

Rating stars: black filled, line-grey empty

Form fields & selectors

Phone number Error state Please enter your full order number

XSSMXL

Cart progress

Free delivery on selected items · Rs 350 on other orders

You've unlocked free delivery 🎉

Bands

Announcement · yellow with black text

Sale live · black with yellow text

Guarantees band · yellow-soft

Brand band · red