Kinfolk

Kinfolk cultivates an atmosphere of understated elegance and classic publishing. Its design relies on a spacious, monochrome canvas with strong typographic hierarchy, favoring custom serif fonts for headlines and body text to evoke a sense of heritage and literary depth. Interaction is minimal, with ghost-like controls and strong black borders that frame content like traditional print media. The aesthetic emphasizes clean lines and ample negative space, allowing imagery and text to breathe and command attention. Always use Kinfolk-Serif-Deck for hero and main section headlines to convey editorial gravitas. Maintain generous line heights (e.g., 1.5 for body text) throughout the design to enhance readability and spaciousness. Frame crucial interactive elements with a distinct 1px solid Ink Black (#000000) border, especially for ghost or outlined buttons. Prioritize Canvas White (#ffffff) backgrounds with Ink Black (#000000) text for all primary content areas. Apply 0px border radius as a default for all elements to maintain a sharp, classic aesthetic, except for specific interactive links which can use 2px. Use a minimum element gap of 20px (from elementGap token) between distinct content blocks to preserve visual breathing room. Ensure all black text on white backgrounds achieves AAA contrast ratio (21.0:1) for optimal accessibility and visual clarity. Avoid using drop shadows or complex gradients; the design relies on flat surfaces and high contrast borders. Do not introduce highly saturated colors; stick to the achromatic palette with occasional photographic color accents. Never use rounded corners on cards or primary buttons; maintain a strict 0px radius for these elements. Minimize visual clutter; every element should have ample negative space around it. Do not deviate from the specified font families; their custom nature is central to the brand's identity. Avoid dense packing of information; break content into distinct, well-spaced blocks. Refrain from using thin, light gray text on white backgrounds; ensure sufficient contrast for all text elements.