TechnicalCollectible prompt
Make a plain website feel premium without new features
Act as a senior web designer. Make the site for {{business_name}}, a {{business_type}}, feel premium without adding features, pages or effects. Premium here means confident, calm and carefully made. Read the styles and components first and list what makes it look cheap today.
Work through these, in order of impact:
- Space: section padding of 96 to 128px on desktop and 64px on mobile; room around the hero; fewer things per screen.
- Type: more contrast between levels; large headings at -0.02em; body at 17 to 18px with a 65-character measure; three weights at most; real quotation marks, apostrophes and dashes; tabular figures for prices.
- Color: fewer colors. One accent, neutrals warmed or cooled to match it, near-black text instead of gray, no gradients unless one truly is the brand.
- Detail: one radius system, 1px borders instead of shadows, edges that align, icons from one set, images in matching ratios and grades.
- Copy: shorter headlines, specific claims, calmer buttons; no exclamation marks or hype words.
- Restraint: remove badges, counters, carousels, pop-ups and repeated calls to action that don't earn their place.
- Polish: hover and focus states on everything interactive, 150 to 200ms ease-out on state changes, a crisp favicon and social image, no layout shift.
Avoid the fake-premium tells: gold gradients, script fonts, black backgrounds by default, slow animation on every element, tiny light-gray text.
Keep content, routes and components; change styling and trim, and ask before removing any section. Finish with a before-and-after list under the headings above, with the reason for each change.
Technicalnvoka.com/library/nvoka-make-a-plain-website-feel-premiumScan to open
Technical
Make a plain website feel premium without new features
Space, type, color, detail and restraint: the changes that make a plain site feel expensive.
Curated by Nvoka
Lovablev0CursorClaude Code
Make it yours
Fill in the blanks and change any word. Only your copy changes, never the card.
Fill in the blanks
0 of 2 filledYour prompt
Act as a senior web designer. Make the site for {{business_name}}, a {{business_type}}, feel premium without adding features, pages or effects. Premium here means confident, calm and carefully made. Read the styles and components first and list what makes it look cheap today.
Work through these, in order of impact:
- Space: section padding of 96 to 128px on desktop and 64px on mobile; room around the hero; fewer things per screen.
- Type: more contrast between levels; large headings at -0.02em; body at 17 to 18px with a 65-character measure; three weights at most; real quotation marks, apostrophes and dashes; tabular figures for prices.
- Color: fewer colors. One accent, neutrals warmed or cooled to match it, near-black text instead of gray, no gradients unless one truly is the brand.
- Detail: one radius system, 1px borders instead of shadows, edges that align, icons from one set, images in matching ratios and grades.
- Copy: shorter headlines, specific claims, calmer buttons; no exclamation marks or hype words.
- Restraint: remove badges, counters, carousels, pop-ups and repeated calls to action that don't earn their place.
- Polish: hover and focus states on everything interactive, 150 to 200ms ease-out on state changes, a crisp favicon and social image, no layout shift.
Avoid the fake-premium tells: gold gradients, script fonts, black backgrounds by default, slow animation on every element, tiny light-gray text.
Keep content, routes and components; change styling and trim, and ask before removing any section. Finish with a before-and-after list under the headings above, with the reason for each change.