MAKR

MAKR

Preview image. Unlock full-res

Workshop-crafted monochrome utility.

Industryecommerce
Palette
#1c1717
#ffffff
#f0f0f0
#a9aea9

MAKR employs a utilitarian workshop aesthetic, characterized by a monochrome palette, robust typography, and minimal decorative elements. The design prioritizes directness and product focus, using abundant white space and a tightly constrained color scheme of near-black text on white or light gray surfaces. Interactions are subdued, relying on subtle background shifts and text changes rather than overt animations or vibrant accent colors. The overall impression is one of crafted precision and understated quality. Use Ink (#1c1717) for all primary text and Canvas (#ffffff) for primary backgrounds. Maintain a rigid 0px border-radius for all UI elements, including buttons, inputs, and cards. Apply Sohne Web Regular (400) for all body text, headings, and interactive elements. Structure layouts with ample white space, using a section gap of 90px between major content blocks. Utilize Stone (#a9aea9) as the background for primary interactive buttons, paired with Ink (#1c1717) text and a 1px Ink border. Employ Fog (#f0f0f0) sparingly for subtle background differentiation in secondary content areas or inputs. Reserve CircularXXMonoWeb-Regular (400) for specific decorative text elements or unique callouts, not for general content. Avoid using any saturated or vivid accent colors; the palette is strictly monochrome. Do not introduce rounded corners or soft edges on any components. Refrain from using drop shadows or elevation effects; elements should appear flat on the canvas. Do not use gradients; all colors should be solid fills. Avoid decorative typography; maintain the utilitarian style of Sohne Web as the dominant font. Do not deviate from the specified spacing units; consistency in 5px element gaps and 90px section gaps is key. Do not use default browser link colors; all links must be styled with Ink (#1c1717).

More like this