diff --git a/app/assets/javascripts/app/views/dashboard/first_steps_clues.jst.eco b/app/assets/javascripts/app/views/dashboard/first_steps_clues.jst.eco
new file mode 100644
index 000000000..baa923755
--- /dev/null
+++ b/app/assets/javascripts/app/views/dashboard/first_steps_clues.jst.eco
@@ -0,0 +1,2 @@
+<div class="modal-backdrop js-backdrop"></div>
+<div class="modal-spacer js-positionOrigin"></div>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/dashboard/first_steps_clues_content.jst.eco b/app/assets/javascripts/app/views/dashboard/first_steps_clues_content.jst.eco
new file mode 100644
index 000000000..c56e43d7d
--- /dev/null
+++ b/app/assets/javascripts/app/views/dashboard/first_steps_clues_content.jst.eco
@@ -0,0 +1,21 @@
+<div class="modal-content">
+  <div class="modal-arrow js-arrow"></div>
+  <div class="modal-close js-close">
+    <svg class="icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
+  </div>
+  <div class="modal-header"><%- @T(@headline) %></div>
+  <div class="modal-body"><%- @text %></div>
+  <div class="modal-controls">
+    <div class="modal-control">
+      <div class="<% if @position is 0: %>is-disabled <% end %>btn btn--text js-previous"><%- @T( 'Previous' ) %></div>
+    </div>
+    <div class="modal-control clue-count"><%= @position+1 %>/<%= @max %></div>
+    <div class="modal-control">
+      <% if @position+1 is @max: %>
+        <div class="btn btn--text js-next"><%- @T( 'Finish' ) %></div>
+      <% else: %>
+        <div class="btn btn--text js-next"><%- @T( 'Next' ) %></div>
+      <% end %>
+    </div>
+  </div>
+</div>
\ No newline at end of file