CONTACT
LUMINOUS GUITAR
A website that lets people customize and order their guitar right away.
ROLE
UI Designer
TOOLS
Figma
DURATION
3 Weeks
COLORS
The website uses only black and white to create a clean and simple look that keeps users focused on the guitars and their customization options. This color choice reduces distractions, improves readability, and gives the brand a premium and timeless feel, allowing the details and craftsmanship of each guitar to stand out.
#1A1A1A
#666666
#D9D9D9
#FEFEFE
TYPOGRAPHY
THIS IS H1
THIS IS H2
THIS IS H3
THIS IS P2
THIS IS P3
THIS IS P4
THIS IS INFO
POPPINS / MEDIUM / 32
POPPINS / SEMIBOLD / 24
POPPINS / SEMIBOLD / 18
POPPINS / SEMIBOLD / 16
POPPINS / REGULAR / 16
POPPINS / REGULAR / 14
POPPINS / SEMIBOLD / 12
The reason behind choosing the Poppins font for the guitar website is its clean, modern, and easy-to-read appearance. Poppins uses simple geometric shapes that give the website a professional and contemporary feel while maintaining good readability across different screen sizes. Its bold and rounded forms also complement the sleek and premium image of guitars, helping the brand appear stylish, approachable, and visually balanced.
GRIDS
The grid system uses a 60-pixel margin with 24-pixel spacing between columns to create a clean and well-structured layout. This spacing provides enough room for content to breathe, improves visual hierarchy, and ensures consistency across the interface. The grid also supports responsive layouts, allowing elements to adapt smoothly to different screen sizes while maintaining readability and a balanced user experience.