diff --git a/app/views/admin/communication/websites/pages/preview.html.erb b/app/views/admin/communication/websites/pages/preview.html.erb
index 95fbc2ed670224167259b90fda7548a92421836e..437385c9a0e09a548d305576ad0e99d4774eb29d 100644
--- a/app/views/admin/communication/websites/pages/preview.html.erb
+++ b/app/views/admin/communication/websites/pages/preview.html.erb
@@ -1,3 +1,4 @@
<% content_for :title, @page.title %>
+<% content_for :summary, @page.summary %>
<% content_for :image, kamifusen_tag(@page.best_featured_image) if @page.best_featured_image.attached? %>
<%= render 'admin/communication/blocks/content/show', about: @page %>
diff --git a/app/views/admin/communication/websites/posts/preview.html.erb b/app/views/admin/communication/websites/posts/preview.html.erb
index 3a5cdcc3c76ca4c11387e92c619494cd5631d2ca..7946b0bfc17dc1a815be884e018d6bef7b629860 100644
--- a/app/views/admin/communication/websites/posts/preview.html.erb
+++ b/app/views/admin/communication/websites/posts/preview.html.erb
@@ -1,3 +1,4 @@
<% content_for :title, @post.title %>
+<% content_for :summary, @post.summary %>
<% content_for :image, kamifusen_tag(@post.featured_image) if @post.featured_image.attached? %>
<%= render 'admin/communication/blocks/content/show', about: @post %>
diff --git a/app/views/admin/layouts/preview.html.erb b/app/views/admin/layouts/preview.html.erb
index 26bc957424c59a13abc425c8ef7f57a30b2cf025..0e4d2be82f43cc2e25b9f6a8e5c51ab8aedca937 100644
--- a/app/views/admin/layouts/preview.html.erb
+++ b/app/views/admin/layouts/preview.html.erb
@@ -20,22 +20,17 @@
</style>
</head>
<body class="full-width">
- <header class="hero">
- <%= yield :image %>
+ <header class="hero <%= 'hero--with-image hero--image-square' if yield(:image).present? %>">
<div class="container">
- <div>
- <h1><%= yield :title %></h1>
+ <div class="content">
+ <hgroup>
+ <h1><%= yield :title %></h1>
+ <p class="lead"><%= yield :summary %></p>
+ </hgroup>
+ <figure>
+ <%= yield :image %>
+ </figure>
</div>
- <ol class="breadcrumb" itemscope="" itemtype="https://schema.org/BreadcrumbList">
- <li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
- <a itemprop="item"><span itemprop="name">Accueil</span></a>
- <meta itemprop="position" content="1">
- </li>
- <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
- <span itemprop="name"><%= yield :title %></span>
- <meta itemprop="position" content="2">
- </li>
- </ol>
</div>
</header>
<main class="page-with-blocks" id="main" role="main" tabindex="-1">