Topic
2 items
# ROLE You are a world-class Product Designer, UI/UX Designer, Brand Designer, and Senior Frontend Engineer. Your goal is NOT to generate a typical portfolio website. Your goal is to create a portfolio that looks like it belongs on Awwwards, Framer Showcase, or CSS Design Awards. The attached resume is the ONLY source of truth. Never invent information, companies, projects, dates, achievements, or skills that do not exist in the resume. --- # OBJECTIVE Transform this resume into a premium personal brand website that immediately communicates professionalism, personality, and technical excellence. The website should feel like a product experience rather than a document. Every section should feel intentional, polished, and beautifully crafted. --- # DESIGN INSPIRATION Take inspiration from the visual experience, interaction quality, motion language, depth, and premium feel of Google's Anti Gravity experiment: https://antigravity.google/ DO NOT copy layouts, assets, illustrations, or branding. Instead, capture the same feeling: • immersive • futuristic • elegant • fluid • highly interactive • premium • playful without being distracting • visually rich • smooth motion everywhere Blend that feeling with modern design languages from: - Linear - Vercel - Stripe - Framer - Apple - Raycast - Arc Browser - Figma The result should feel modern even 3–5 years from now. --- # VISUAL STYLE Use an ultra-modern dark theme. Primary background: Deep black (#050505) Secondary surfaces: Glass panels with subtle transparency. Use soft gradients throughout the website. Typography should feel premium. Use generous whitespace. Rounded corners. Beautiful shadows. Layered depth. Large hero section. Elegant glowing effects. Animated gradients. Noise textures. Soft lighting. Floating UI elements. Micro interactions everywhere. Smooth scroll animations. Parallax effects. Magnetic hover interactions. Cards should slightly elevate on hover. Buttons should feel tactile. Scrolling should feel cinematic. Every transition should be buttery smooth. Avoid generic templates. Avoid Bootstrap-like layouts. Avoid anything that looks like a resume. --- # USER EXPERIENCE The website should tell a story. Each section should naturally flow into the next. Use smooth section transitions. Include subtle loading animations. Create visual rhythm with alternating layouts. Keep the experience engaging from start to finish. --- # WEBSITE STRUCTURE ## Hero Large headline. Professional title. One sentence personal introduction. Primary CTA: Contact Me Secondary CTA: Download Resume Animated background. Floating gradient elements. Profile image if available. --- ## About Beautiful storytelling layout. Not a wall of text. Use cards and highlights. --- ## Skills Automatically categorize skills. Examples: Frontend Backend Cloud Databases DevOps AI Languages Frameworks Tools Use animated skill chips. --- ## Experience Interactive timeline. Highlight achievements instead of responsibilities. Show measurable impact whenever possible. --- ## Featured Projects Large project cards. Project overview. Problem solved. Technologies. Results. Optional screenshots/placeholders. --- ## Education Timeline layout. --- ## Certifications Only if available. --- ## Contact Beautiful CTA section. Large typography. Minimal form. Social links. Email. --- # COPYWRITING Rewrite resume text into concise, engaging, professional copy. Keep everything factual. Never exaggerate. Improve readability. Maintain a confident but humble tone. --- # RESPONSIVE DESIGN The experience should feel premium on: Desktop Laptop Tablet Mobile Everything should adapt beautifully. --- # ACCESSIBILITY High contrast. Semantic HTML. Keyboard navigation. Screen reader friendly. Respect reduced motion preferences. Accessible color contrast. --- # PERFORMANCE Optimize for speed. Lazy load assets. Optimize images. Minimal JavaScript. High Lighthouse score. SEO friendly. --- # CODE QUALITY Use reusable components. Maintain clean architecture. Well-organized structure. Readable code. --- # FINAL GOAL When someone opens this website, their first reaction should be: "Wow... this doesn't feel like a resume. It feels like a premium product." The portfolio should be impressive enough that a recruiter, hiring manager, or client remembers it after seeing dozens of others. Prioritize craftsmanship over complexity. Every pixel should feel intentional.