TechnicalCollectible prompt

Art Deco design system for your website

Gold on deep teal, sunbursts, stepped frames and chamfered corners, with plain readable text.

Lovablev0Cursor

Curated by Nvoka

Nvoka wordmark logo
Nvoka wordmark logoTechnical

Art Deco design system for your website

Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete Art Deco geometric 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: Limelight 400 for display only, at 40px and up; Jost 400 and 500 for text at 17px, line height 1.6; labels in Jost 500 uppercase at +0.18em. Scale 1.333: 17, 23, 30, 40, 54, 72px. Palette: background teal-black #0F1A1C, surface #16262A, text ivory #F3EBDD, muted #BFB5A3, accent gold #C9A45C (hover #E0BE78), secondary emerald #1F5E55. A light variant: ivory #F3EBDD background, #0F1A1C text, gold links darkened to #765A22. Shape: radius 0, with 45-degree chamfered corners on cards and buttons; double gold rules (two 1px lines, 4px apart); no shadows. Grid: symmetrical. 12 columns with 24px gutters at 1280px, 8 at 768px, 4 at 360px; centered hero and section titles, text blocks in balanced pairs; section padding 72px mobile, 144px desktop. Imagery: architectural photos with strong verticals and warm light; geometric line art in gold: sunbursts, fans, chevrons and stepped forms. Motion: lines draw outward from the center at 400ms ease-out; gold rules extend on hover; nothing else. Signature details: a sunburst or fan behind the hero title; stepped frames around key images; vertical pinstripes on one feature section; numerals in the display face. Do: use gold as a flat color, keep ornament at the edges of content, and keep body text plain. Avoid: gold gradients and foil effects, ornament behind text, the display face below 40px, all-caps paragraphs. 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-art-deco-design-system-for-your-websiteScan to open
Technical

Art Deco design system for your website

Gold on deep teal, sunbursts, stepped frames and chamfered corners, with plain readable text.

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 Art Deco geometric 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: Limelight 400 for display only, at 40px and up; Jost 400 and 500 for text at 17px, line height 1.6; labels in Jost 500 uppercase at +0.18em. Scale 1.333: 17, 23, 30, 40, 54, 72px. Palette: background teal-black #0F1A1C, surface #16262A, text ivory #F3EBDD, muted #BFB5A3, accent gold #C9A45C (hover #E0BE78), secondary emerald #1F5E55. A light variant: ivory #F3EBDD background, #0F1A1C text, gold links darkened to #765A22. Shape: radius 0, with 45-degree chamfered corners on cards and buttons; double gold rules (two 1px lines, 4px apart); no shadows. Grid: symmetrical. 12 columns with 24px gutters at 1280px, 8 at 768px, 4 at 360px; centered hero and section titles, text blocks in balanced pairs; section padding 72px mobile, 144px desktop. Imagery: architectural photos with strong verticals and warm light; geometric line art in gold: sunbursts, fans, chevrons and stepped forms. Motion: lines draw outward from the center at 400ms ease-out; gold rules extend on hover; nothing else. Signature details: a sunburst or fan behind the hero title; stepped frames around key images; vertical pinstripes on one feature section; numerals in the display face. Do: use gold as a flat color, keep ornament at the edges of content, and keep body text plain. Avoid: gold gradients and foil effects, ornament behind text, the display face below 40px, all-caps paragraphs. 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