Flayks

Flayks employs a dark, high-contrast, and playfully chaotic visual system. Bold, oversized typography in vivid colors dominates the layout, creating a dense, almost overwhelming textual landscape. Surfaces are predominantly dark, acting as a backdrop for energetic text and accent elements. The system feels dynamic and experimental, with elements often overlapping or being partially obscured, emphasizing a sense of motion and irreverence. Prioritize legibility for all text over pure aesthetic, especially with overlapping graphic elements. Use Mango Grotesque for all display-level headings (32px-518px), varying weight and size to create visual hierarchy and impact. Employ Deep Forest (#00381c) as a foundational dark background for sections that need maximum brand presence. Utilize Coral Punch (#ff8370) and Lavender Haze (#d1adff) as primary and secondary accents for headings and interactive elements. Implement the 900px border radius for all interactive buttons and tags to maintain the distinct pill-shape. Maintain a clear distinction between the Charcoal Grey (#272221) secondary background and Slate Surface (#2c2f34) card backgrounds to establish subtle layering. Ensure the Vanilla Beam (#ffe0ce) outlined button is used for primary actions to provide a consistent interactive cue. Avoid using light backgrounds. The system is fundamentally dark-themed. Do not introduce new typefaces. Limit typography to Nohemi, Mango Grotesque, and Arial. Do not deviate from the defined color palette; new colors will disrupt the high-contrast aesthetic. Avoid generic rectangular buttons; all buttons should have a 900px border radius for visual identity. Do not over-use box shadows; reserve them for specific elevated card variants to maintain their impact. Do not apply large, standard padding to components. The system favors compact and sometimes edge-to-edge content. Avoid excessive spacing between elements; the design emphasizes density and overlapping visuals.