Incommonwith

In Common With employs a sun-drenched, architectural aesthetic that highlights product through subtle UI and an earthy, restrained color palette. The design relies on a clean, spacious layout, prioritizing imagery and robust typography to convey luxury and craftsmanship. Visual elements are mostly monolithic, focusing on natural light and texture, with sharp borders and an absence of soft shadows that maintain distinct separation. The overall impression is one of quiet permanence and considered design. Prioritize image content. Images should be large and dominant, particularly in product and editorial sections. Utilize Clay Brick (#4a0a05) for all primary text, interactive element borders, and accenting lines for a consistent brand presence. Maintain sharp, 0px border radii for all primary UI elements like buttons, cards, and input fields to convey a structured aesthetic. Use Mier A 400 for all body text, navigation items, and buttons at sizes 13px, 14px, 18px, and 26px. Implement consistent 12px inner padding for most interactive elements and as element gaps. Apply Canvas Bone (#fafaf9) as the dominant background, using Surface Frost (#f8f7f1) for subtle section breaks. Divide content using thin, 1px lines in Surface Frost (#f8f7f1) rather than heavy spacing or shadows. Avoid using soft shadows or gradients; rely on defined borders and distinct background colors for separation. Do not introduce additional bold weights for text; Mier A 400 and Caslon Ionic 400 are the only weights in use. Do not deviate from the 0px border radius for most UI elements; round corners are for specific cases like avatars. Avoid busy or colorful UI accents; color should be restrained to Clay Brick (#4a0a05) and used functionally. Do not use generic system fonts; Mier A or a close substitute should be used for legibility and brand consistency. Do not add heavy borders or background colors to interactive elements unless explicitly an outlined action or input.