Moffitt.Moffitt. -

Moffitt.Moffitt. evokes a gallery-like atmosphere, pairing high-contrast monochrome with ample negative space to emphasize content over interface. Its visual language relies on stark black and white, subtly textured neutrals, and a complete absence of vibrant accents. Typography is the primary vehicle for detail, with a focus on distinct display and body faces. Components are minimal and often borderless, blending into the canvas to allow imagery and strong type to command attention. Prioritize high contrast between Ink Black (#000000) and Canvas White (#ffffff) for primary text and backgrounds. Use Fog Gray (#f5f5f5) as a subtle background for sections to create soft visual transitions, not strong divisions. Apply 50px border-radius for all interactive buttons and tags to maintain the distinct pill shape. Employ the Suisse font family for all functional text elements, varying weight to establish hierarchy. Maintain generous negative space around content blocks, ensuring a breathable and uncrowded layout. Use 0px radius for content cards and inputs, ensuring a sharp, modern appearance. Ensure borders, when present, are 1px solid using Divider Gray (#d8d8da) or Ink Black (#000000) for clean definition. Do not introduce any saturated colors; resist the urge to add color for emphasis. Avoid using box shadows; prefer flat, stacked surfaces or subtle background color changes for depth. Do not use generic button styles; all primary and secondary buttons must adhere to the 50px pill-shape radius. Do not add unnecessary padding or borders to cards; keep them visually lightweight and integrated with the canvas. Avoid heavy or complex gradients; prefer solid colors or the natural gradients of photography. Do not use letter-spacing other than 'normal' for Suisse and Lyon fonts. Do not deviate from the specified font families; avoid system defaults or other creative typographies.