TechnicalLuxury monochrome design system for your website
Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete luxury monochrome design system. Keep every page, route, component and line of content; change only the visual layer, through shared tokens in the current styling system. Read the existing styles first and tell me what you'll replace. Our brand colors are {{brand_colors}}: map them onto the roles below where they fit, and if they fight the style, keep one as the accent and use the pack's neutrals.
Type: Bodoni Moda 400 and 500 for display, only at 48px and up; Hanken Grotesk 400 and 500 for text at 16px, line height 1.65; labels 12px uppercase at +0.2em. Scale 1.333: 16, 21, 28, 38, 50, 67, 89px. Display at -0.01em; never bold the serif.
Palette: ivory #F6F4EF, surface #ECE9E2, black #0A0A0A, muted #6A6A6A, border #DAD7D0. Black is the accent: solid black buttons with ivory text, hover #2A2A2A. One or two inverted black sections per page.
Shape: radius 0; 1px hairlines; no shadows.
Grid: 12 columns, 32px gutters and 80px margins at 1280px; 6 columns at 768px; 2 at 360px with 20px margins. Section padding 96px mobile, 176px desktop. Content uses fewer columns than it could.
Imagery: large, still, desaturated or black-and-white photography with lots of empty space, one subject per frame; no illustration.
Motion: slow and rare. 600ms fades, and images settle from 1.03 to 1 scale as they enter; hover changes only underlines and opacity.
Signature details: a numbered index for collections or services; centered uppercase navigation with a thin rule beneath; prices set small and quiet; long captions at 13px.
Do: say less, show less, make every element earn its space; one call to action per screen.
Avoid: gold foil gradients, script fonts, discount badges, busy carousels, a second accent color.
Check: text contrast of at least 4.5:1, visible focus, 44px touch targets, no horizontal scroll at 360px, reduced motion respected. Finish with a short change list and the reason for each decision.