Manus

Manus employs a stark, functional interface with a restrained achromatic palette, punctuated by deep charcoal accents. The design prioritizes clear information hierarchy and interaction over elaborate aesthetics, featuring rounded corners for components and subtle shadow for depth. Typography is crisp and minimal, supporting a quick, efficient user experience. Prioritize Canvas Ice (#f8f8f7) for primary page backgrounds to maintain a bright, expansive feel. Use Action Ink (#1a1a19) exclusively for primary call-to-action button backgrounds to preserve its impact. Apply 22px border-radius to large content cards for a soft, approachable aesthetic. Use 8px border-radius for interactive elements like buttons and input fields for consistent component styling. Maintain -apple-system as the default font for all UI text, leveraging its multiple weights for hierarchy. Employ Text Primary (#34322d) for all main content and heading text to ensure readability. Utilize Ghost Border (#e5e7eb) for subtle dividers and outlining ghost buttons to provide visual structure without heaviness. Avoid using saturated colors in backgrounds or for large decorative elements; color should be functional punctuation. Do not deviate from the established type scale and font families; introducing new fonts or arbitrary sizes will break hierarchy. Do not introduce strong, dark shadows; the system relies on a very subtle rgba(0, 0, 0, 0.02) 0px 12px 32px 0px for elevation. Avoid excessive use of borders; use Ghost Border (#e5e7eb) sparingly for emphasis, not for every container. Do not use multiple font weights within a single text block; use weights to establish hierarchy between elements. Do not create complex layouts; default to centered or clearly defined grid structures with ample Canvas Ice (#f8f8f7) as whitespace.