<svg width="800" height="300" viewBox="0 0 800 300" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="800" height="300" fill="#F0F7EA" rx="10"/>
  
  <!-- Decorative Pattern -->
  <rect width="800" height="300" fill="url(#blogPattern)" opacity="0.1"/>
  
  <!-- Define Blog Pattern -->
  <defs>
    <pattern id="blogPattern" patternUnits="userSpaceOnUse" width="30" height="30">
      <path d="M0,15 L30,15" stroke="#658354" stroke-width="0.5" fill="none"/>
      <path d="M15,0 L15,30" stroke="#658354" stroke-width="0.5" fill="none"/>
    </pattern>
  </defs>
  
  <!-- Shelf Background -->
  <rect x="100" y="100" width="600" height="150" rx="5" fill="#F9F7F4" stroke="#EAC8AF" stroke-width="2"/>
  
  <!-- Books on shelf -->
  <rect x="120" y="110" width="40" height="130" fill="#658354" rx="3"/>
  <rect x="123" y="115" width="34" height="10" fill="#F9F7F4"/>
  <text x="128" y="124" font-family="Arial, sans-serif" font-size="8" fill="#658354">RECEPTY</text>
  
  <rect x="170" y="110" width="30" height="130" fill="#E3704D" rx="3"/>
  <rect x="173" y="115" width="24" height="10" fill="#F9F7F4"/>
  <text x="175" y="124" font-family="Arial, sans-serif" font-size="6" fill="#E3704D">ZDRAVÍ</text>
  
  <rect x="210" y="110" width="35" height="130" fill="#B5D99C" rx="3"/>
  <rect x="213" y="115" width="29" height="10" fill="#F9F7F4"/>
  <text x="215" y="124" font-family="Arial, sans-serif" font-size="6" fill="#B5D99C">VÝŽIVA</text>
  
  <rect x="255" y="110" width="45" height="130" fill="#EAC8AF" rx="3"/>
  <rect x="258" y="115" width="39" height="10" fill="#F9F7F4"/>
  <text x="262" y="124" font-family="Arial, sans-serif" font-size="7" fill="#EAC8AF">ZELENINA</text>
  
  <!-- Notebook and Pen -->
  <rect x="320" y="140" width="80" height="100" rx="3" transform="rotate(-5 320 140)" fill="white" stroke="#CCCCCC"/>
  <rect x="330" y="150" width="60" height="5" rx="2" transform="rotate(-5 330 150)" fill="#EEEEEE"/>
  <rect x="330" y="165" width="60" height="5" rx="2" transform="rotate(-5 330 165)" fill="#EEEEEE"/>
  <rect x="330" y="180" width="60" height="5" rx="2" transform="rotate(-5 330 180)" fill="#EEEEEE"/>
  <rect x="330" y="195" width="40" height="5" rx="2" transform="rotate(-5 330 195)" fill="#EEEEEE"/>
  
  <rect x="420" y="160" width="3" height="70" rx="1" transform="rotate(30 420 160)" fill="#658354"/>
  
  <!-- Fruits and vegetables scattered -->
  <circle cx="450" cy="180" r="20" fill="#E3704D"/>
  <circle cx="450" cy="180" r="15" fill="#E3704D"/>
  <path d="M450 165 L450 155" stroke="#658354" stroke-width="2"/>
  <path d="M445 158 Q450 153 455 158" stroke="#658354" stroke-width="1" fill="none"/>
  
  <ellipse cx="500" cy="190" rx="15" ry="10" fill="#B5D99C"/>
  
  <circle cx="540" cy="170" r="12" fill="#EAC8AF"/>
  
  <path d="M580 180 Q590 170 600 180 Q610 190 600 200 Q590 210 580 200 Q570 190 580 180" fill="#658354"/>
  
  <!-- Blog text -->
  <text x="400" y="70" font-family="Montserrat, sans-serif" font-size="32" font-weight="bold" fill="#658354" text-anchor="middle">Blog</text>
  <text x="400" y="95" font-family="Nunito, sans-serif" font-size="16" fill="#666666" text-anchor="middle">Články o zdravém stravování, receptech a životním stylu</text>
</svg>