static-cms/packages/demo/public/intuitive-workflow-for-content-teams.svg

<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>workflow</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="c"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="e"><stop stop-color="#942CB3" offset="0%"/><stop stop-color="#6B1884" offset="100%"/></linearGradient><rect id="g" x="10" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="f"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="i" x="10" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="h"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="j"><stop stop-color="#FFCD23" offset="0%"/><stop stop-color="#EFB900" offset="100%"/></linearGradient><rect id="l" x="110" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="k"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="a" x="110" y="74" width="80" height="38" rx="3"/><mask id="m" x="0" y="0" width="80" height="38" fill="#fff"><use xlink:href="#a"/></mask><path d="M88.4504 74.4665l73.8197 5.162c1.6528.1156 2.899 1.5491 2.7834 3.202l-2.2322 31.922c-.1155 1.6528-1.5491 2.899-3.202 2.7834l-73.8197-5.162c-1.6528-.1155-2.899-1.5491-2.7834-3.202l2.2322-31.922c.1156-1.6528 1.5492-2.899 3.202-2.7834z" id="o"/><filter x="-4.3%" y="-5.8%" width="108.5%" height="116.2%" filterUnits="objectBoundingBox" id="n"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="p"><stop stop-color="#95C21E" offset="0%"/><stop stop-color="#7CA511" offset="100%"/></linearGradient><rect id="r" x="210" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="q"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="t" x="210" y="74" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="s"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="v" x="210" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="u"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><path d="M213 164h74c1.6569 0 3 1.3431 3 3v13h-80v-13c0-1.6569 1.3431-3 3-3z" id="x"/><filter x="-4.4%" y="-15.6%" width="108.8%" height="143.8%" filterUnits="objectBoundingBox" id="w"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><mask id="d" fill="#fff"><use xlink:href="#b"/></mask><use fill="#000" filter="url(#c)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path fill="#FDF7FF" mask="url(#d)" d="M0 0h100v180H0z"/><path fill="url(#e)" mask="url(#d)" d="M0 0h100v19H0z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="32.0293" y="13">DRAFT</tspan> <tspan x="62.7823" y="13" letter-spacing=".5063">S</tspan></text><g mask="url(#d)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FFF" xlink:href="#g"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 35h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 43h68v4H16zm0 6h27v4H16z"/><g mask="url(#d)"><use fill="#000" filter="url(#h)" xlink:href="#i"/><use fill="#FFF" xlink:href="#i"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 125h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 133h68v4H16zm0 6h27v4H16z"/><path fill="url(#j)" mask="url(#d)" d="M100 0h100v19H100z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="126.1847" y="13">IN REVIEW</tspan></text><path fill="#FFF9E5" mask="url(#d)" d="M100 19h100v161H100z"/><g mask="url(#d)"><use fill="#000" filter="url(#k)" xlink:href="#l"/><use fill="#FFF" xlink:href="#l"/></g><path fill="#D4D6DD" mask="url(#d)" d="M116 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M116 43h68v4h-68zm0 6h27v4h-27z"/><g stroke-dasharray="5" mask="url(#d)" stroke="#EFB900" stroke-width="4"><use mask="url(#m)" xlink:href="#a"/></g><g mask="url(#d)"><use fill="#000" filter="url(#n)" xlink:href="#o"/><use fill="#FFF" xlink:href="#o"/></g><path fill="#D4D6DD" mask="url(#d)" d="M91.0245 80.6612l43.8929 3.0693-.279 3.9902-43.8929-3.0693z"/><path fill="#EFF0F4" mask="url(#d)" d="M90.4665 88.6417l67.8343 4.7434-.279 3.9903-67.8343-4.7435zm-.4185 5.9853l26.9342 1.8835-.279 3.9902-26.9343-1.8834z"/><path fill="url(#p)" mask="url(#d)" d="M200 0h100v19H200z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="234.2927" y="13">READY</tspan></text><path fill="#F7FFE1" mask="url(#d)" d="M200 19h100v161H200z"/><g mask="url(#d)"><use fill="#000" filter="url(#q)" xlink:href="#r"/><use fill="#FFF" xlink:href="#r"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 43h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#s)" xlink:href="#t"/><use fill="#FFF" xlink:href="#t"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 80h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 88h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#u)" xlink:href="#v"/><use fill="#FFF" xlink:href="#v"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 125h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 133h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#w)" xlink:href="#x"/><use fill="#FFF" xlink:href="#x"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 170h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 178h68v2h-68z"/></g></svg>