Wrike

This system projects an image of digital precision and intelligent organization. It uses a restrained palette of muted blues and grays, punctuated by a vibrant, almost neon, green used sparingly for active elements. The overall impression is one of approachable authority, where clarity and structured information presentation are prioritized. Slightly rounded corners on cards and buttons soften the otherwise crisp, modern aesthetic of system-like interfaces. Use TT Norms Pro for all text, applying specific weights (400, 600, 700) from the typography scale according to role. Prioritize 'Wrike Green' (#00e05c) for all primary calls-to-action to maximize brand recognition and user engagement. Apply 20px border radius for all content cards to maintain a soft yet structured appearance. Maintain a clear visual hierarchy by limiting shadows to '#162136' text and navigation elements, using rgba(24, 31, 56, 0.25) 0px 25px 45px -45px. Utilize 'Subtle Gray' (#f2f5fa) for secondary backgrounds and minor interactive elements, creating light contrast without harshness. Incorporate the 'Deep Space Gradient' where significant brand emphasis is required, such as hero sections or key promotional areas. Ensure input fields have a solid 'Midnight Graphite' border (#162136) to clearly delineate interactive areas. Do not introduce additional bold or semibold weights beyond TT Norms Pro 600 or 700 within body text contexts. Avoid using bright, high-saturation colors other than 'Wrike Green' (#00e05c) for interactive elements to prevent visual clutter. Do not apply box-shadow effects to standard content cards; their elevation is managed by background color distinction. Refrain from using sharp, 0px radius corners on buttons; maintain a minimum of 4px radius for all interactive buttons. Do not use dark text colors on dark backgrounds without sufficient contrast; ensure a ratio of at least 16:1 for accessibility, generally 'Cloud White' (#ffffff) on 'Midnight Graphite' (#162136).