Opalcamera

This design system evokes the precision of high-end camera optics fused with an understated premium aesthetic. It leverages crisp black-on-white typography and subtle gray variations to establish a clean, product-focused stage. A single, vibrant yellow accent color acts as a deliberate spotlight, drawing immediate attention to key interactive elements and product pricing, reinforcing a sense of focused value. Use 'Amber Spotlight' (#ffdb01) exclusively for primary CTAs and critical pricing information to maximize impact. Maintain a clear hierarchy using 'Absolute Zero' (#000000) for headings and vital text, and 'Ash Gray' (#959595) or 'Slate Dust' (#767676) for secondary details. Apply 9999px border-radius to all buttons and form fields to unify interactive elements. Employ 'Cloud Silver' (#e5e7eb) as a subtle visual separator rather than strong shadows for content divisions. Ensure all text uses the Roobert typeface, varying only in weight and size as per the defined type scale to maintain a consistent brand voice. Avoid using multiple accent colors; 'Amber Spotlight' (#ffdb01) is the sole vibrant highlight. Do not introduce strong drop shadows; the aesthetic relies on flat surfaces and subtle borders for depth. Do not deviate from the specified type scale and Roobert font for any textual elements. Avoid decorative imagery that competes with product visuals; maintain a functional, product-focused visual language. Do not use overly complex layouts; prefer clean, structured arrangements with ample whitespace.