Gus

The Gus design system evokes a playful, almost retro, digital workspace. A dominant, vibrant teal acts as the primary canvas, overlaid with a subtle grid pattern, giving the impression of an engineering blueprint or a pixel art canvas. Typography is minimal and pragmatic, with an emphasis on system fonts, contrasting sharply with occasional bursts of bright, primary accent colors that draw attention to key interactive elements. Visual treatments are flat with sharply defined shapes, avoiding shadows or complex gradients. Prioritize '#008263' for large background areas, emphasizing the grid pattern with '#050000' lines. Use 'Times' for paragraph text and 'Arial' for all UI labels, headings, and buttons. Apply 9999px border-radius to perfect circular elements like the 'Scroll' button. Maintain a flat visual hierarchy with no shadows or complex gradients unless explicitly defined. Employ the starburst shape with '#ff0000' for key brand accents or playful callouts. Use '#000000' for primary text on light backgrounds and '#ffffff' on dark backgrounds or highlights. Ensure interactive elements like buttons and links use distinct accent colors or clear text-on-background contrast. Avoid using any form of drop shadows or box shadows, as the system relies on flat aesthetics. Do not introduce gradients; the visual system is strictly flat color. Do not deviate from the specified circular or sharp-edged radii; curved rects are not part of this system. Do not use generic system UI elements or styles that introduce elevation or depth. Avoid mixing primary and secondary fonts unnecessarily; adhere strictly to their defined roles. Do not use subtle color variations for interactive states; rely on direct background or text color changes.