Craft

Craft

Preview image. Unlock full-res

Botanical elegance on linen

Industryagency
Palette
#2a1a1d
#1d3023
#0e634f
#26d862
#eae6df
#f7f5f2
#504344
#d7d2cc
#645757

Craft presents a botanical elegance, marrying a muted, organic color palette with sharp, high-contrast typography. The design emphasizes natural greens and soft off-whites as background and text colors, contrasted by a single vibrant green for primary actions. Layouts are spacious, utilizing a comfortable density with ample negative space to allow content to breathe, fostering a calm yet authoritative feel. Visual details like crisp outlines and subtle off-white surfaces blend into a sophisticated, understated aesthetic. Use Parchment White (#f7f5f2) as the default page background for clarity and spaciousness. Apply Ink Bark (#2a1a1d) for primary body text and most headings to ensure high contrast and readability. Utilize ABC Arizona Flare Condensed Variable with weight 300 for prominent display headlines, with letter spacing between -0.025em and -0.03em. Implement Garden Sprout (#26d862) exclusively for primary interactive elements, such as filled action buttons and navigation accents. Maintain an 8px border radius for all cards and primary buttons to ensure a consistent softened-edge aesthetic. Employ a base elementGap of 16px and sectionGap of 56px to establish comfortable visual density. Use Night Forest (#1d3023) as the default background for any visually dense sections or image backgrounds to create depth. Avoid using Garden Sprout (#26d862) for non-interactive textual content; its high saturation is reserved for action. Do not introduce sharp, angular edges; apply 8px or 4px radii consistently to all applicable components. Refrain from heavy drop shadows; the design relies on color contrast and subtle borders for visual separation. Do not use generic system fonts; ABC Arizona Flare Variable and ABC Arizona Flare Condensed Variable are critical to brand identity. Avoid tight spacing; maintain a comfortable density by adhering to the 16px element gap and 56px section gap. Do not embed imagery tightly; prioritize spacious layouts that give visuals room to breathe. Avoid introducing additional chromatic colors; the palette is intentionally restrained, leveraging greens and earth tones.

More like this