natureofthings

natureofthings uses a quiet luxury aesthetic, built on a foundation of clean achromatic grays and whites. Typography is compact and precise, using Founders Grotesk for most content, often with elevated letter-spacing. Interaction is primarily driven by subtle outline changes and text underlines, with a single muted blue providing unobtrusive functional contrast without disrupting the monochrome canvas. Prioritize Ink (#000000) for all primary text and Canvas White (#ffffff) for backgrounds to maintain a clean, high-contrast aesthetic. Use Founders Grotesk for all primary typographic elements, adjusting letter-spacing by 0.01em or 0.04em to create subtle variations in emphasis. Apply 0px border-radius to interactive buttons unless a perfect circle is intended, favoring sharp edges for UI elements. Utilize 40px as the standard vertical separation between major content sections. When a distinct call to action is required, use Interaction Azure (#0066cc) for text and outline, avoiding solid colored backgrounds for interactive elements. Maintain comfortable density using 8px as the base unit for element gaps, ensuring consistent spacing between components. Employ Soft Gray (#746c6c) exclusively for placeholder text within input fields, differentiating it from active input. Avoid arbitrary color usage; retain the minimalist achromatic palette with Interaction Azure (#0066cc) as the sole accent color. Do not use heavy shadows or gradients; rely on contrast and spacing to define UI hierarchy. Refrain from mixing fonts excessively; Founders Grotesk should dominate, with highly limited use of others for specific technical purposes. Do not break the 0px radius rule for primary buttons; rounded corners are a specific stylistic departure from this system. Avoid dense, information-heavy blocks; ensure generous use of whitespace with a comfortable density strategy. Do not introduce strong visual metaphors or decorative elements that disrupt the clean, gallery-like canvas. Do not use filled buttons as primary actions; always prefer outlined or text links with Interaction Azure (#0066cc) for emphasis.