
Preview image. Unlock full-res
Shifting gradient depths on frosted glass
monopo saigon operates with a sophisticated dark aesthetic, employing a backdrop of organic, shifting gradients that give the impression of fluid, sculpted surfaces. The UI elements are minimal and translucent, appearing as if etched onto or floating within this rich, atmospheric background. Typography is stark white against dark, providing a strong contrast for readability while maintaining an understated elegance. The overall impression is one of artful depth and a restrained, almost ethereal digital presence. Prioritize Roobert as the primary typeface for all textual content, utilizing its diverse weights to establish hierarchy. Maintain a spacious layout with a base unit of 4px and aim for an element gap of 14px to ensure visual breathing room. Use Midnight Canvas (#000000) for all primary backgrounds and Frost White (#ffffff) for primary text to ensure high contrast. Apply a border-radius of 75.024px to all buttons for a distinctly rounded, pill-like appearance. Implement the Deep Ocean Gradient (linear-gradient(90deg, rgb(160, 224, 171), rgb(255, 172, 46) 50%, rgb(165, 45, 37))) as a background for hero and large interactive sections. Ensure interactive elements like buttons and links use Frost White (#ffffff) text against dark backgrounds unless a specific muted tone (Whisper Gray #6d6d6d) is explicitly called for. Use a subtle 1px border with rgba(255, 255, 255, 0.3) for ghost buttons to maintain a minimalist aesthetic. Avoid using harsh, saturated accent colors that would disrupt the site's subdued and atmospheric palette. Do not introduce square or sharp borders on interactive elements; button radii should always be 75.024px. Refrain from using strong box-shadows or heavy elevation, as the design relies on gradient depth rather than layered elements. Do not deviate from the specified Roobert and Raleway font families; avoid generic system fonts for branding elements. Avoid tight information density; maintain spacious relationships between elements and sections. Do not treat #636363 as a primary action color; reserve it for specific, muted interactive elements like secondary consent buttons. Never use solid color backgrounds in feature sections where the organic gradient is intended to create atmosphere.









