TechnicalCollectible prompt

Organic, earthy design system for your website

Oat, moss and clay, a calligraphic serif and natural textures, for brands rooted in real materials.

Lovablev0Bolt

Curated by Nvoka

Nvoka wordmark logo
Nvoka wordmark logoTechnical

Organic, 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.
Technicalnvoka.com/library/nvoka-organic-earthy-design-system-for-your-websiteScan to open
Technical

Organic, earthy design system for your website

Oat, moss and clay, a calligraphic serif and natural textures, for brands rooted in real materials.

Nvoka logo

Curated by Nvoka

Lovablev0BoltClaude Code
Add to my library

Make it yours

Fill in the blanks and change any word. Only your copy changes, never the card.

Fill in the blanks

0 of 3 filled

Your prompt

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.
See all