Google

A paradigm of hyper-functional utility where the interface exists solely to disappear, leaving the content in focus. The design utilizes a high-contrast neutral palette anchored by #1f1f1f text on a pure #ffffff canvas, establishing a clinical, high-clarity environment. Signature pill-shaped interactive containers (100px radius) create a sense of singular, precise intent, while the lack of harsh shadows emphasizes a flat, multi-layered information architecture. Visual hierarchy is achieved through monochromatic weight changes and targeted use of 14px and 16px font sizes, creating a system that feels weightless and instantaneous. Use 100px border-radius for all interactive buttons to maintain the signature pill aesthetic. Prioritize #1f1f1f text over pure #000000 for body content to reduce visual fatigue. Maintain a maximum of 4px-8px for internal component margins to ensure a compact, responsive feel. Use centered layout structures for main utility areas to focus user gaze. Ensure all primary actions use the #0b57d0 blue for color-consistency across interaction states. Do not use drop shadows; rely on border color shifts (#dadce0) to define containers. Do not exceed two weight variants of the primary font (400 and 500) within a single view. Do not use saturated brand colors for decorative elements; brand color is for function only. Do not use font sizes smaller than 13px. Do not use gradients; maintain a flat, monochromatic aesthetic.