INO

INO embraces a minimalist, gallery-like aesthetic, presenting fine jewelry as art objects on a clean, muted canvas. The design emphasizes precise typography, subtle interactions, and a focus on product photography, creating an atmosphere of understated luxury. Typography is used sparingly but with impact, while subtle grays and whites provide a refined backdrop for the metallic luster of the jewelry. Components are lightweight, often outlined or ghosted, conveying a sophisticated restraint. Prioritize product photography as the primary visual element, ensuring high contrast and clean presentation against muted backgrounds. Use Sequel100Wide throughout for all textual elements to maintain typographical consistency and brand identity. Apply Canvas White (#ffffff) as the overarching page background and primary card surface for a clean, gallery-like feel. Utilize Obsidian (#212123) for all primary text, strong borders, and interactive elements to provide crisp definition. Implement ghost buttons with Filter Gray (#999999) text and no background for secondary actions and categorization. Maintain a comfortable density with element gaps between 9-11px and generous section gaps of 36-38px. Use a border radius of 50.4px for product cards to give them a distinctive, soft, and substantial appearance. Avoid strong accent colors; the palette should remain largely achromatic to keep focus on the product. Do not use heavy shadows or gradients; elevation should be minimal to maintain a flat, modern aesthetic. Do not deviate from the Sequel100Wide typeface for headlines or body copy; its specific character defines the brand. Avoid dense information layouts; prioritize clear spacing and visual breathing room between elements. Do not introduce complex UI elements; keep interactive components minimal and direct. Do not use rounded corners on buttons or input fields, maintaining their sharp, geometric forms.