Bina Design Yang Nampak HIGH-END

Using the approved website blueprint above, act as a senior UI/UX designer, art director, and conversion-focused digital product designer. Create a complete HIGH-END visual direction and design system for this website b…

Using the approved website blueprint above, act as a senior UI/UX designer, art director, and conversion-focused digital product designer.
Create a complete HIGH-END visual direction and design system for this website based on the business, target audience, positioning, and conversion goals.
The website should feel modern, premium, distinctive, trustworthy, and professionally designed, not like a generic template or AI-generated website.
Define:
1. Overall visual direction and brand mood.
2. Color palette with HEX codes and usage rules.
3. Typography, font sizes, weights, line heights, and hierarchy.
4. Content width, grid, spacing, and responsive breakpoints.
5. Navigation and mobile menu.
6. Buttons and their hover, focus, active, and disabled states.
7. Cards, forms, icons, borders, radius, and shadows.
8. Image and photography direction.
9. Hero and major section layouts.
10. Testimonials, services, pricing, FAQ, CTA, contact, and footer styles.
11. Micro-interactions, hover effects, and subtle animations.
12. Desktop, tablet, and mobile behavior.
13. Accessibility requirements including contrast and keyboard focus.
14. Reusable component rules to keep the website visually consistent.
Avoid excessive gradients, unnecessary glassmorphism, oversized typography, excessive rounded cards, random animations, and generic AI-style design patterns.
Prioritize strong visual hierarchy, intentional white space, readability, accessibility, conversion, performance, and brand consistency.
At the end, provide:
A. Visual direction.
B. Design system.
C. Reusable component specifications.
D. Responsive rules.
E. CSS design tokens for colors, typography, spacing, radius, shadows, and breakpoints.
Make the specifications practical enough for a frontend developer to implement without guessing.

Exact prompt text captured from the public post/author comments on facebook.com/kelasmultimediaofficial. · Attribution: Kelas Multimedia

More Video & Animation prompts