TechnicalOrganic, earthy design system for your website
Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete organic, earthy design system. Keep every page, route, component and line of content; change only the visual layer, through shared tokens in the current styling system. Read the existing styles first and tell me what you'll replace. Our brand colors are {{brand_colors}}: map them onto the roles below where they fit, and if they fight the style, keep one as the accent and use the pack's neutrals.
Type: Alegreya 500 and 700 for headings, Alegreya Sans 400 and 500 for text at 17px, line height 1.6. Scale 1.25: 17, 21, 27, 33, 42, 52, and 64px for the hero. Sentence-case headings.
Palette: background oat #F4EFE6, surface #E9E1D3, text #2E2A24, muted #5F5A4E, border #D6CCBA, accent moss #4F6B3A (hover #3D5430), secondary clay #A65A3A, and a deep forest section color #24331F with oat text.
Shape: radius 24px on cards; images in three irregular rounded mask shapes, reused rather than random; no hard borders; a paper grain at 3% opacity on the background; no shadows.
Grid: 4, 8 and 12 columns at 360, 768 and 1280px with 16, 24 and 32px gutters; section padding 72px mobile, 136px desktop; images may overlap section edges by 48px.
Imagery: natural light, plants, soil, wood, linen and hands at work, slightly warm and soft; botanical line drawings in moss or clay at one stroke weight.
Motion: slow and calm. 400ms ease-in-out fades and 8px rises; nothing floats or loops.
Signature details: hand-drawn botanical dividers between sections; a seasonal note or harvest date where it's true; sourcing and material facts in small labeled lists.
Do: let materials and real places lead; keep earth tones, with one clear accent for actions.
Avoid: blurred gradient blobs, leaf clip art, green claims without proof, low-contrast beige text.
Check: text contrast of at least 4.5:1, visible focus, 44px touch targets, no horizontal scroll at 360px, reduced motion respected. Finish with a short change list and the reason for each decision.