TechnicalCollectible prompt

Luxury monochrome design system for your website

Ivory and black, a high-contrast serif and wide margins: quiet luxury without gold gradients.

Lovablev0Cursor

Curated by Nvoka

Nvoka wordmark logo
Nvoka wordmark logoTechnical

Luxury 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.
Technicalnvoka.com/library/nvoka-luxury-monochrome-design-system-for-your-websiteScan to open
Technical

Luxury monochrome design system for your website

Ivory and black, a high-contrast serif and wide margins: quiet luxury without gold gradients.

Nvoka logo

Curated by Nvoka

Lovablev0CursorClaude Code
Add to my library

Make it yours

Fill in the blanks and change any word. Only your copy changes, never the card.

Fill in the blanks

0 of 3 filled

Your prompt

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.
See all