diff --git a/README.md b/README.md
index 8bfda5dc7..a27656805 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,10 @@
 Elsa Core is a workflows library that enables workflow execution in any .NET Core application.
 Workflows can be defined not only using code but also as JSON, YAML or XML.
 
+<p align="center">
+  <img src="./doc/elsa-2-dashboard-plus-designer.gif" alt="Elsa 2 Preview">
+</p>
+
 ## Get Started
 
 Follow the [Getting Started](https://elsa-workflows.github.io/elsa-core/docs/installing-elsa-core) instructions on the [Elsa Workflows documentation site](https://elsa-workflows.github.io/elsa-core).
diff --git a/doc/elsa-2-dashboard-plus-designer.gif b/doc/elsa-2-dashboard-plus-designer.gif
new file mode 100644
index 000000000..10a1aad2d
Binary files /dev/null and b/doc/elsa-2-dashboard-plus-designer.gif differ
diff --git a/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.png b/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.png
new file mode 100644
index 000000000..57abb7dc4
Binary files /dev/null and b/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.png differ
diff --git a/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.svg b/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.svg
new file mode 100644
index 000000000..34e87aefe
--- /dev/null
+++ b/src/dashboards/blazor/ElsaDashboard.Application/ClientApp/src/logo.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 346.21 148.26"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#151619;}.cls-3{fill:url(#linear-gradient);}.cls-4{fill:url(#linear-gradient-3);}.cls-5{fill:#111635;}.cls-6{fill:#42dc92;}</style><linearGradient id="linear-gradient" x1="-1065.16" y1="141.4" x2="-1014.29" y2="96.77" gradientTransform="translate(1113.72 -66.42)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#78c6a5"/><stop offset="1" stop-color="#0cf27f"/></linearGradient><linearGradient id="linear-gradient-3" x1="-1079.29" y1="133.51" x2="-1000.63" y2="133.51" xlink:href="#linear-gradient"/></defs><title>Esla_vector</title><rect class="cls-1" width="346.21" height="148.26"/><path class="cls-2" d="M85.19,88.82a34,34,0,0,1,3.41-2.56A31.23,31.23,0,0,0,85.19,88.82ZM67.63,95.21A19.74,19.74,0,0,0,66,92.77,22.35,22.35,0,0,1,67.63,95.21Z"/><path class="cls-2" d="M103.86,28.13h-60a16.79,16.79,0,0,0-16.79,16.8v60a16.8,16.8,0,0,0,16.79,16.8h60a16.8,16.8,0,0,0,16.81-16.8v-60A16.79,16.79,0,0,0,103.86,28.13ZM69.28,110H45.56A11.12,11.12,0,0,1,34.43,98.88V72.4c.21.23.44.45.67.69s.46.46.7.68c.48.46,1,.9,1.5,1.34S38.38,76,39,76.4c.29.22.57.42.87.63s.45.31.69.46c.68.45,1.41.89,2.16,1.31a32.53,32.53,0,0,0,3.18,1.6c.75.33,1.53.64,2.32.94.4.15.81.29,1.23.43A42,42,0,0,1,58,85.67c.68.41,1.31.83,1.92,1.25a29.83,29.83,0,0,1,3.88,3.25A25.8,25.8,0,0,1,66,92.76h0a19.74,19.74,0,0,1,1.59,2.44h0c.22.39.4.76.58,1.13.24.54.45,1.06.61,1.53s.2.62.27.89h0c.06.28.11.54.15.77s0,.24,0,.34Zm0-27a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39H69.28Zm43.81,15.86a11.17,11.17,0,0,1-7.37,10.49A10.93,10.93,0,0,1,102,110H78.23V99.84c.22-2,1.63-5.8,5.56-9.71.44-.44.9-.87,1.4-1.31a31.23,31.23,0,0,1,3.41-2.56l1-.61c.68-.41,1.4-.81,2.14-1.2s1.55-.77,2.38-1.14,1.71-.71,2.62-1l1.4-.49,1.22-.43c.69-.25,1.34-.51,2-.8a5.93,5.93,0,0,0,.68-.31c.63-.26,1.23-.56,1.81-.87s1.39-.74,2-1.13,1.26-.79,1.85-1.2c.3-.21.59-.41.87-.63.58-.42,1.12-.85,1.65-1.29a35.81,35.81,0,0,0,2.88-2.71Zm0-44.48A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102a11.15,11.15,0,0,1,11.13,11.15Z"/><path class="cls-2" d="M88.6,86.26a34,34,0,0,0-3.41,2.56A31.23,31.23,0,0,1,88.6,86.26Z"/><path class="cls-2" d="M67.63,95.21A22.35,22.35,0,0,0,66,92.77,19.74,19.74,0,0,1,67.63,95.21Z"/><path class="cls-2" d="M69.28,39V83a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39Z"/><path class="cls-2" d="M113.09,50.12V54.4A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102A11.15,11.15,0,0,1,113.09,50.12Z"/><path class="cls-3" d="M69.28,39V83a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39Z"/><path class="cls-3" d="M113.09,50.12V54.4A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102A11.15,11.15,0,0,1,113.09,50.12Z"/><path class="cls-4" d="M88.6,86.26a34,34,0,0,0-3.41,2.56A31.23,31.23,0,0,1,88.6,86.26Z"/><path class="cls-4" d="M67.63,95.21A22.35,22.35,0,0,0,66,92.77,19.74,19.74,0,0,1,67.63,95.21Z"/><path class="cls-4" d="M69.28,39V83a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39Z"/><path class="cls-4" d="M113.09,50.12V54.4A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102A11.15,11.15,0,0,1,113.09,50.12Z"/><path class="cls-4" d="M69.28,39V83a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39Z"/><path class="cls-4" d="M113.09,50.12V54.4A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102A11.15,11.15,0,0,1,113.09,50.12Z"/><path class="cls-4" d="M69.28,39V83a44.81,44.81,0,0,0-17.05-9.73,26.45,26.45,0,0,1-17.8-18.9V50.12A11.14,11.14,0,0,1,45.56,39Z"/><path class="cls-4" d="M113.09,50.12V54.4A26.48,26.48,0,0,1,95.3,73.29,45,45,0,0,0,78.23,83V39H102A11.15,11.15,0,0,1,113.09,50.12Z"/><path class="cls-5" d="M164.68,54.35a24.17,24.17,0,0,1,22.59,14.71,23.06,23.06,0,0,1,1.87,9.22c0,.64,0,1.31-.08,2s-.15,1.36-.27,2H153.54a12.62,12.62,0,0,0,4,5.64,10.79,10.79,0,0,0,7.18,2.37,16.24,16.24,0,0,0,6.14-1.22,10.85,10.85,0,0,0,4.57-3.22l10.53,6.45a21.36,21.36,0,0,1-4.09,4.08,26.18,26.18,0,0,1-5.14,3.07,29.64,29.64,0,0,1-5.83,2,27.31,27.31,0,0,1-6.18.71,25.7,25.7,0,0,1-9.79-1.87,24.38,24.38,0,0,1-13.23-12.76,22.78,22.78,0,0,1,0-18.58,24.1,24.1,0,0,1,5.4-7.62A25.51,25.51,0,0,1,155,56.22,25,25,0,0,1,164.68,54.35Zm0,11.83A10.69,10.69,0,0,0,158,68.27a13.51,13.51,0,0,0-4.13,5h21.59a12.8,12.8,0,0,0-4.1-5A10.85,10.85,0,0,0,164.68,66.18Z"/><path class="cls-5" d="M205.16,39.46V100.4H192.1V39.46Z"/><path class="cls-5" d="M230.58,72.45c2.14.52,4.35,1.13,6.61,1.83a25.33,25.33,0,0,1,6.14,2.79,15.55,15.55,0,0,1,4.53,4.31,10.92,10.92,0,0,1,1.78,6.39,11.33,11.33,0,0,1-2,6.84,15.66,15.66,0,0,1-5,4.44,22.36,22.36,0,0,1-6.75,2.39,39.12,39.12,0,0,1-7.18.7,23.37,23.37,0,0,1-12-3.09,26.7,26.7,0,0,1-8.93-8.75l11.32-6a12.13,12.13,0,0,0,10.18,6,19.85,19.85,0,0,0,5.79-.61c1.19-.41,1.79-1,1.79-1.66s-.39-1.08-1.18-1.52a16.21,16.21,0,0,0-2.7-1.17,23.22,23.22,0,0,0-3-.83c-1-.2-1.68-.33-2.09-.39a62.22,62.22,0,0,1-6.35-1.61,23.67,23.67,0,0,1-5.84-2.7,15.17,15.17,0,0,1-4.3-4.18,10.55,10.55,0,0,1-1.7-6.14,13,13,0,0,1,1.61-6.57,14.88,14.88,0,0,1,4.22-4.74,18.64,18.64,0,0,1,6-2.88,24.77,24.77,0,0,1,6.84-.95,23.75,23.75,0,0,1,11.71,3,27.09,27.09,0,0,1,9,8.09L238.41,72a12.16,12.16,0,0,0-4.57-4.44,11.09,11.09,0,0,0-5.18-1.4,10.75,10.75,0,0,0-4.52.79c-1.11.52-1.66,1.19-1.66,2,0,.35.26.68.79,1a13.65,13.65,0,0,0,1.95,1,23,23,0,0,0,2.62.87C228.79,72.06,229.71,72.28,230.58,72.45Z"/><path class="cls-5" d="M300.83,56.09V100.4H287.77V96.88a24.5,24.5,0,0,1-6.09,3.81,17.31,17.31,0,0,1-7,1.45,23.77,23.77,0,0,1-9.36-1.87,23.4,23.4,0,0,1-7.61-5.14,24.42,24.42,0,0,1-5.09-7.62,23.66,23.66,0,0,1,0-18.58,24,24,0,0,1,5.18-7.62,24.36,24.36,0,0,1,7.62-5.09,23,23,0,0,1,9.22-1.87,17.29,17.29,0,0,1,7,1.43,26.3,26.3,0,0,1,6.09,3.7V56.09ZM276.11,90.3a11.59,11.59,0,0,0,4.65-1,12.69,12.69,0,0,0,3.88-2.55A11.9,11.9,0,0,0,287.25,83a12,12,0,0,0-2.61-13.27,12.9,12.9,0,0,0-3.88-2.56,11.59,11.59,0,0,0-4.65-1,11.83,11.83,0,0,0-4.75,1,11.93,11.93,0,0,0-6.4,6.37A12.25,12.25,0,0,0,265,83a12.29,12.29,0,0,0,2.57,3.82,12,12,0,0,0,3.83,2.55A11.83,11.83,0,0,0,276.11,90.3Z"/><path class="cls-6" d="M314.06,102.14a7.32,7.32,0,0,1-5.44-2.27,7.89,7.89,0,0,1,0-11,7.35,7.35,0,0,1,5.44-2.26,7.75,7.75,0,0,1,0,15.5Z"/></svg>
\ No newline at end of file
diff --git a/src/dashboards/blazor/ElsaDashboard.Application/Shared/NavMenu.razor b/src/dashboards/blazor/ElsaDashboard.Application/Shared/NavMenu.razor
index 9bf421656..7712ff995 100644
--- a/src/dashboards/blazor/ElsaDashboard.Application/Shared/NavMenu.razor
+++ b/src/dashboards/blazor/ElsaDashboard.Application/Shared/NavMenu.razor
@@ -12,7 +12,7 @@
                 </button>
             </div>
             <div class="flex-shrink-0 flex items-center px-4">
-                <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/v1/workflow-logo-purple-on-white.svg" alt="Workflow">
+                <img class="h-14 w-auto m-auto" src="_content/ElsaDashboard.Application/logo.png" alt="Elsa">
             </div>
             <div class="mt-5 flex-1 h-0 overflow-y-auto">
                 <nav class="px-2">
@@ -40,35 +40,6 @@
                         </a>
 
                     </div>
-                    <div class="mt-8">
-                        <h3 class="px-3 text-xs leading-4 font-semibold text-gray-500 uppercase tracking-wider" id="teams-headline">
-                            Teams
-                        </h3>
-                        <div class="mt-1 space-y-1" role="group" aria-labelledby="teams-headline">
-
-                            <a href="#" class="group flex items-center px-3 py-2 text-base leading-5 font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                                <span class="w-2.5 h-2.5 mr-4 bg-indigo-500 rounded-full"></span>
-                                <span class="truncate">
-                        Engineering
-                      </span>
-                            </a>
-
-                            <a href="#" class="group flex items-center px-3 py-2 text-base leading-5 font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                                <span class="w-2.5 h-2.5 mr-4 bg-teal-400 rounded-full"></span>
-                                <span class="truncate">
-                        Human Resources
-                      </span>
-                            </a>
-
-                            <a href="#" class="group flex items-center px-3 py-2 text-base leading-5 font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                                <span class="w-2.5 h-2.5 mr-4 bg-orange-500 rounded-full"></span>
-                                <span class="truncate">
-                        Customer Success
-                      </span>
-                            </a>
-
-                        </div>
-                    </div>
                 </nav>
             </div>
         </div>
@@ -81,47 +52,10 @@
 <div class="hidden lg:flex lg:flex-shrink-0">
     <div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100">
         <div class="flex items-center flex-shrink-0 px-6">
-            <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/v1/workflow-logo-purple-on-white.svg" alt="Workflow">
+            <img class="h-14 w-auto" src="/_content/ElsaDashboard.Application/logo.png" alt="Elsa">
         </div>
         <!-- Sidebar component, swap this element with another sidebar if you like -->
         <div class="h-0 flex-1 flex flex-col overflow-y-auto">
-            <!-- User account dropdown -->
-            <div x-data="{ open: false }" x-on:keydown.escape="open = false" x-on:click.away="open = false" class="px-3 mt-6 relative inline-block text-left">
-                <div x-description="Dropdown menu toggle, controlling the show/hide state of dropdown menu.">
-                    <button x-on:click="open = !open" type="button" class="group w-full rounded-md px-3.5 py-2 text-sm leading-5 font-medium text-gray-700 hover:bg-gray-50 hover:text-gray-500 focus:outline-none focus:bg-gray-200 focus:border-blue-300 active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150" id="options-menu" aria-haspopup="true" x-bind:aria-expanded="open">
-                        <div class="flex w-full justify-between items-center">
-                            <div class="flex min-w-0 items-center justify-between space-x-3">
-                                <img class="w-10 h-10 bg-gray-300 rounded-full flex-shrink-0" src="https://images.unsplash.com/photo-1502685104226-ee32379fefbe?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=3&amp;w=256&amp;h=256&amp;q=80" alt="">
-                                <div class="flex-1 min-w-0">
-                                    <h2 class="text-gray-900 text-sm leading-5 font-medium truncate">Jessy Schwarz</h2>
-                                    <p class="text-gray-500 text-sm leading-5 truncate">@@jessyschwarz</p>
-                                </div>
-                            </div>
-                            <svg class="flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500" x-description="Heroicon name: selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                            </svg>
-                        </div>
-                    </button>
-                </div>
-                <div x-show="open" x-description="Dropdown panel, show/hide based on dropdown state." x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="z-10 mx-3 origin-top absolute right-0 left-0 mt-1 rounded-md shadow-lg" style="display: none;">
-                    <div class="rounded-md bg-white shadow-xs" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
-                        <div class="py-1">
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">View profile</a>
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">Settings</a>
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">Notifications</a>
-                        </div>
-                        <div class="border-t border-gray-100"></div>
-                        <div class="py-1">
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">Get desktop app</a>
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">Support</a>
-                        </div>
-                        <div class="border-t border-gray-100"></div>
-                        <div class="py-1">
-                            <a href="#" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">Logout</a>
-                        </div>
-                    </div>
-                </div>
-            </div>
             <!-- Sidebar Search -->
             <div class="px-3 mt-5">
                 <label for="search" class="sr-only">Search</label>
@@ -160,36 +94,6 @@
                     </a>
 
                 </div>
-                <div class="mt-8">
-                    <!-- Secondary navigation -->
-                    <h3 class="px-3 text-xs leading-4 font-semibold text-gray-500 uppercase tracking-wider" id="teams-headline">
-                        Teams
-                    </h3>
-                    <div class="mt-1 space-y-1" role="group" aria-labelledby="teams-headline">
-
-                        <a href="#" class="group flex items-center px-3 py-2 text-sm leading-5 font-medium text-gray-700 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                            <span class="w-2.5 h-2.5 mr-4 bg-indigo-500 rounded-full"></span>
-                            <span class="truncate">
-                      Engineering
-                    </span>
-                        </a>
-
-                        <a href="#" class="group flex items-center px-3 py-2 text-sm leading-5 font-medium text-gray-700 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                            <span class="w-2.5 h-2.5 mr-4 bg-teal-400 rounded-full"></span>
-                            <span class="truncate">
-                      Human Resources
-                    </span>
-                        </a>
-
-                        <a href="#" class="group flex items-center px-3 py-2 text-sm leading-5 font-medium text-gray-700 rounded-md hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
-                            <span class="w-2.5 h-2.5 mr-4 bg-orange-500 rounded-full"></span>
-                            <span class="truncate">
-                      Customer Success
-                    </span>
-                        </a>
-
-                    </div>
-                </div>
             </nav>
         </div>
     </div>
diff --git a/src/dashboards/blazor/ElsaDashboard.Application/Shared/WorkflowDesigner.razor.cs b/src/dashboards/blazor/ElsaDashboard.Application/Shared/WorkflowDesigner.razor.cs
index 511f528dd..9ae629106 100644
--- a/src/dashboards/blazor/ElsaDashboard.Application/Shared/WorkflowDesigner.razor.cs
+++ b/src/dashboards/blazor/ElsaDashboard.Application/Shared/WorkflowDesigner.razor.cs
@@ -16,7 +16,7 @@ namespace ElsaDashboard.Application.Shared
 {
     partial class WorkflowDesigner : IAsyncDisposable
     {
-        [Parameter] public WorkflowModel Model { private get; set; } = WorkflowModel.Demo();
+        [Parameter] public WorkflowModel Model { private get; set; } = WorkflowModel.Blank();
         [Inject] private IJSRuntime JS { get; set; } = default!;
         [Inject] private IFlyoutPanelService FlyoutPanelService { get; set; } = default!;
         private IJSObjectReference _designerModule = default!;