Home

Fluidtouch utilizes a deep space productivity aesthetic: a dark, starlit canvas with bold, high-contrast typography and a single vibrant fuchsia accent. This accent color serves as a focal point, drawing attention to calls to action and active states against the otherwise subdued background. Components are minimal, relying on simple shapes and strong color juxtaposition rather than elaborate styling, conveying a sense of focused, modern efficiency. Use 'Midnight Astral' (#121318) as the default background for all primary page canvases. Highlight primary actions, active navigation, and key accent elements with 'Fuchsia Flare' (#ed1672). Employ Poppins for headings and primary content, using its '700' weight for impact and '400' for general readability. Ensure all buttons have a '100px' border radius to achieve a consistent pill-shaped aesthetic. Maintain high contrast by using 'Star Dust' (#ffffff) for all primary text against dark backgrounds. Apply '10px' vertical and '20px' horizontal padding for all prominent buttons and calls-to-action. Use '15px' consistently as the 'elementGap' for tight, coherent spacing between UI elements. Do not introduce new primary energetic accent colors beyond 'Fuchsia Flare' (#ed1672) to maintain brand focus. Avoid using hard-edged or square components; prioritize '100px' border radii for buttons and similar elements. Do not use light backgrounds for major content sections; maintain the dark-themed 'Midnight Astral' canvas. Refrain from using thin weights for body text, as prominence data indicates Poppins 400 is the minimum active body weight. Do not deviate from the established font families (Poppins, Muli); introducing new fonts dilutes brand consistency. Avoid small text sizes below '14px' for interactive elements or primary content. Do not use generic gray buttons; always style primary actions with 'Fuchsia Flare' for background and 'Star Dust' for text.