Magnetism

Magnetism presents a stark, high-contrast aesthetic reminiscent of an editorial spread. Its theme is dark with light gray typography and hairline borders, creating a sophisticated tension. The layout is structured yet fluid, with large, impactful imagery anchoring blocks of stark typography. Components are minimal, often ghosted or outlined, allowing content and photography to dominate the visual field. Prioritize Silver Mist (#e5e7eb) for all primary text on dark backgrounds to maintain high contrast and the signature aesthetic. Use TT Hoves Pro Trial with varied letter spacing (e.g., 0.1000em for smaller text, normal for headlines) to establish a distinct typographic rhythm. Define UI elements through hairline borders (1px solid #e5e7eb) rather than heavy fills or shadows. Maintain a spacious content-empty border around page elements, allowing visuals to breathe. Employ the 0px border-radius system-wide for a sharp, angular component aesthetic. Ensure large, impactful imagery dominates sections, often full-bleed, with minimal surrounding UI elements. Avoid using box-shadows or elevation effects; the design relies on flat surfaces and borders for depth. Do not deviate from the achromatic color palette; saturated or bright colors are reserved for content imagery only. Do not introduce rounded corners on any UI elements; all corners should be sharp 0px radius. Refrain from using heavy fills for buttons or interactive elements; prefer ghosted or outlined styles. Avoid dense UIs; prioritize ample negative space and large content blocks over compact information displays.