プロンプト
Make a crypto dashboard
Design a crypto dashboard inspired by the design principles of Apple and the philosophies of Steve Jobs, Jony Ive, and Dieter Rams. The website should be minimalist, intuitive, and focused on user experience. Apply the following guidelines:
Simplicity and Clarity: The layout should be clean and uncluttered, with intuitive navigation and minimal visual distractions. Every design element should serve a purpose and align with the overall goal of simplicity.
High-Quality Aesthetic: Use a refined color palette with neutral, calming tones and subtle accent colors. The design should evoke a sense of modern elegance, utilizing white space effectively to let each element breathe. Typography should be clear, modern, and unobtrusive, similar to Apple's approach.
Function Over Form: All design choices should prioritize usability and function. Use visual hierarchy to guide users toward important information, with a clear call-to-action that doesn't overwhelm. Elements like buttons and icons should be easy to understand at a glance.
Precision in Details: Pay close attention to every design detail, such as button placement, font size, spacing, and interactions. Every element should feel cohesive and polished, inspired by the high standards of Apple design and Rams' principle of 'less but better.'
Human-Centered Design: Keep the user's experience at the forefront. Create a seamless, responsive design that is accessible and enjoyable on all devices, especially mobile.
Design this website with a timeless, elegant look, suitable for an innovative tech product or lifestyle brand. Focus on delivering a functional, memorable experience that reflects the design philosophies of Apple and Dieter Rams, aiming for beauty through simplicity and clarity."
IMPORTANT: Whenever you can simplify the code, do it. Make sure it's always as simple as possible, yet elegant. Don't use dark blue unless it's absolutely necessary. Use glassmorphism and blur whenever it fits.
These colors are ranked after careful consideration. Use these colors (you can use them in tailwind.config.ts):
#141413
#fff
#FAFAF8
#828179
#000
#C4C3BB
#A3A299
#605F5B
#E6E4DD
#F0EFEA
#3A3935
#EBDBBC
#FAFAF7
#8989DE
#F1E6D0
#61AAF2
#D2886F
#D4A27F
#DAAF91
#7EBF8E
#F6F1EB
#222
#666663
#F0F0EB
#F8F8F2
#4B5563
#23241F
#fffffff2
#000000d9
#ffffff33
#ffffff0a
#00000008
#ffffff14
#00000059
#ffffff66
#fff
#0000002e
#ffffff1f
#00000033
#ffffffa6
#0000
#0000001f
#0000008c
#00000014
#0000000f
#ffffff05
#ffffffcc
#000000b3
#40404080
#00000005
#000000cc
#f5f5f50f
#969690
#000000f2
#f7f7f780
#C7FB76
#191919
#7F7F7F
#E5E5E5
#F5F5F5
#FFFFFF
#F2FF44
#403E43
#FFFFFF
#8A898C
#1EAEDB
#221F26
#C8C8C9
#9F9EA1
#33C3F0
#F6F6F7
#FFFF00
#000000
#222222
#0FA0CE
#555555
#333333
#888888
#F1F1F1
Use the colors based on vibes too or how they will fit together.
ALSO: Add padding and margin to all components so that they don't touch the edges of the screen.
Make sure things are responsive, aligned and centered where they should be.
Take the image as inspiration