<style>
/* =========================================================
DARKROOM DOOR - MONTHLY CHALLENGE WINNERS ARCHIVE
========================================================= */
.dd-winners-page {
--dd-red: #d71920;
--dd-black: #222222;
--dd-grey: #666666;
--dd-border: #e2e2e2;
--dd-light: #f7f7f7;
width: 100%;
background: #ffffff;
color: var(--dd-black);
font-family: inherit;
}
.dd-winners-page *,
.dd-winners-page *::before,
.dd-winners-page *::after {
box-sizing: border-box;
}
.dd-winners-container {
width: calc(100% - 40px);
max-width: 1180px;
margin: 0 auto;
}
/* =========================================================
PAGE INTRODUCTION
========================================================= */
.dd-winners-intro {
max-width: 720px;
margin: 0 auto;
padding: 10px 20px 55px;
text-align: center;
}
.dd-winners-intro h2 {
margin: 0 0 14px;
color: #222222;
font-size: 25px;
line-height: 1.3;
font-weight: 500;
}
.dd-winners-intro p {
margin: 0;
color: #555555;
font-size: 14px;
line-height: 1.8;
}
/* =========================================================
WINNER FEATURE
========================================================= */
.dd-winner-archive-card {
width: 100%;
margin: 0 0 65px;
background: #ffffff;
border: 1px solid var(--dd-border);
}
/* MONTH BAR */
.dd-winner-month-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 22px;
border-bottom: 1px solid var(--dd-border);
background: #fafafa;
}
.dd-winner-month {
color: var(--dd-red);
font-size: 11px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.dd-winner-stamp-code {
color: #888888;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
}
/* MAIN GRID */
.dd-winner-archive-grid {
display: grid;
grid-template-columns:
0.85fr
1fr
1.25fr
0.85fr;
align-items: stretch;
}
/* =========================================================
WINNER INFORMATION
========================================================= */
.dd-winner-details {
display: flex;
flex-direction: column;
justify-content: center;
padding: 38px 32px;
}
.dd-winner-small-label {
display: block;
margin-bottom: 12px;
color: var(--dd-red);
font-size: 10px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.dd-winner-name {
margin: 0 0 17px;
color: #222222;
font-size: 27px;
line-height: 1.2;
font-weight: 500;
}
.dd-winner-comment {
margin: 0;
color: #555555;
font-size: 13px;
line-height: 1.75;
}
/* QUOTE */
.dd-winner-quote {
position: relative;
margin: 25px 0 0;
padding: 19px 0 0;
border-top: 1px solid #e5e5e5;
color: #555555;
font-size: 13px;
line-height: 1.65;
font-style: italic;
}
.dd-winner-quote::before {
content: "“";
display: block;
height: 22px;
color: var(--dd-red);
font-family: Georgia, serif;
font-size: 35px;
line-height: 20px;
font-style: normal;
}
/* =========================================================
PROFILE + PROJECT IMAGES
========================================================= */
.dd-winner-photo,
.dd-winning-project {
min-height: 380px;
background: #f5f5f5;
overflow: hidden;
border-left: 1px solid var(--dd-border);
}
.dd-winner-photo img,
.dd-winning-project img {
display: block;
width: 100%;
height: 100%;
min-height: 380px;
object-fit: cover;
}
/* =========================================================
IMAGE PLACEHOLDER
========================================================= */
.dd-image-placeholder {
width: 100%;
height: 100%;
min-height: 380px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px;
background: #f7f7f7;
color: #999999;
text-align: center;
font-size: 11px;
line-height: 1.6;
letter-spacing: 0.7px;
text-transform: uppercase;
}
.dd-image-placeholder strong {
display: block;
margin-bottom: 5px;
color: #777777;
font-size: 12px;
}
/* =========================================================
FEATURED STAMP
========================================================= */
.dd-winner-stamp {
min-height: 380px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 24px;
background: #fafafa;
border-left: 1px solid var(--dd-border);
text-align: center;
}
.dd-winner-stamp-label {
margin-bottom: 14px;
color: #888888;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.dd-winner-stamp-image {
width: 100%;
max-height: 250px;
margin: 0 auto 18px;
object-fit: contain;
}
.dd-winner-stamp-title {
margin: 0 0 4px;
color: #222222;
font-size: 14px;
line-height: 1.4;
font-weight: 600;
}
.dd-winner-stamp-number {
margin-bottom: 15px;
color: #888888;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.5px;
}
.dd-winner-product-link {
color: #222222 !important;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.7px;
text-decoration: underline !important;
text-transform: uppercase;
}
.dd-winner-product-link:hover {
color: var(--dd-red) !important;
}
/* =========================================================
PRIZE BADGE
========================================================= */
.dd-winner-prize {
display: inline-block;
align-self: flex-start;
margin-top: 22px;
padding: 8px 12px;
background: #f7f7f7;
border: 1px solid #e2e2e2;
color: #333333;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.dd-winner-prize strong {
color: var(--dd-red);
}
/* =========================================================
BOTTOM MESSAGE
========================================================= */
.dd-winners-footer-message {
max-width: 700px;
margin: 5px auto 70px;
padding: 35px 25px;
text-align: center;
}
.dd-winners-footer-heart {
display: block;
margin-bottom: 10px;
color: var(--dd-red);
font-size: 21px;
}
.dd-winners-footer-message h3 {
margin: 0 0 10px;
color: #222222;
font-size: 20px;
font-weight: 500;
}
.dd-winners-footer-message p {
margin: 0;
color: #666666;
font-size: 13px;
line-height: 1.7;
}
/* =========================================================
TABLET
========================================================= */
@media screen and (max-width: 1000px) {
.dd-winner-archive-grid {
grid-template-columns: 1fr 1fr;
}
.dd-winner-details {
min-height: 300px;
}
.dd-winner-photo {
border-left: 1px solid var(--dd-border);
}
.dd-winning-project {
border-left: 0;
border-top: 1px solid var(--dd-border);
}
.dd-winner-stamp {
border-top: 1px solid var(--dd-border);
}
}
/* =========================================================
MOBILE
========================================================= */
@media screen and (max-width: 600px) {
.dd-winners-container {
width: calc(100% - 24px);
}
.dd-winners-intro {
padding-bottom: 40px;
}
.dd-winners-intro h2 {
font-size: 22px;
}
.dd-winner-archive-card {
margin-bottom: 45px;
}
.dd-winner-month-bar {
display: block;
text-align: center;
}
.dd-winner-stamp-code {
display: block;
margin-top: 5px;
}
.dd-winner-archive-grid {
grid-template-columns: 1fr;
}
.dd-winner-details {
min-height: auto;
padding: 35px 26px;
text-align: center;
align-items: center;
}
.dd-winner-name {
font-size: 25px;
}
.dd-winner-prize {
align-self: center;
}
.dd-winner-photo,
.dd-winning-project,
.dd-winner-stamp {
border-left: 0;
border-top: 1px solid var(--dd-border);
}
.dd-winner-photo,
.dd-winning-project {
min-height: 330px;
}
.dd-winner-photo img,
.dd-winning-project img {
min-height: 330px;
}
}
</style>
<div class="dd-winners-page">
<div class="dd-winners-container">
<!-- =====================================================
INTRODUCTION
===================================================== -->
<section class="dd-winners-intro">
<h2>
Celebrating Our Monthly Challenge Winners
</h2>
<p>
Every month our community inspires us with incredible
creativity. Here you can discover our previous Monthly
Challenge winners, see their winning projects and revisit
the Darkroom Door stamp sets that inspired them.
</p>
</section>
<!-- =====================================================
AUGUST 2026
JANETTE PERRY
===================================================== -->
<article class="dd-winner-archive-card">
<div class="dd-winner-month-bar">
<span class="dd-winner-month">
August 2026 Monthly Challenge
</span>
<span class="dd-winner-stamp-code">
DDRS056 - Under The Sea
</span>
</div>
<div class="dd-winner-archive-grid">
<!-- WINNER DETAILS -->
<div class="dd-winner-details">
<span class="dd-winner-small-label">
August Winner
</span>
<h2 class="dd-winner-name">
Janette Perry
</h2>
<p class="dd-winner-comment">
Congratulations Janette! We loved seeing your creative
interpretation of the Under The Sea stamp set and the
wonderful detail throughout your finished project.
</p>
<!-- OPTIONAL QUOTE -->
<div class="dd-winner-quote">
Add a short quote from Janette here, or use this space
for a comment from the Darkroom Door team about why
the project was selected.
</div>
<div class="dd-winner-prize">
Winner of <strong>£25 Darkroom Door Credit</strong>
</div>
</div>
<!-- PROFILE PHOTO -->
<div class="dd-winner-photo">
<div class="dd-image-placeholder">
<strong>
Janette Perry
</strong>
Winner profile photo
</div>
</div>
<!-- WINNING PROJECT -->
<div class="dd-winning-project">
<div class="dd-image-placeholder">
<strong>
Winning Design
</strong>
August 2026 project image
</div>
</div>
<!-- FEATURED STAMP -->
<div class="dd-winner-stamp">
<div class="dd-winner-stamp-label">
Challenge Stamp
</div>
<img
class="dd-winner-stamp-image"
src="https://www.darkroomdoor.com/assets/full/DDRS056.jpg?20250721130721"
alt="Darkroom Door Under The Sea Rubber Stamp Set"
>
<h3 class="dd-winner-stamp-title">
Under The Sea
</h3>
<div class="dd-winner-stamp-number">
DDRS056
</div>
<a
class="dd-winner-product-link"
href="https://www.darkroomdoor.com/rubber-stamp-set-under-the-sea"
>
View Stamp Set
</a>
</div>
</div>
</article>
<!-- =====================================================
JULY 2026
ADD WINNER NAME
===================================================== -->
<article class="dd-winner-archive-card">
<div class="dd-winner-month-bar">
<span class="dd-winner-month">
July 2026 Monthly Challenge
</span>
<span class="dd-winner-stamp-code">
DDRS227 - Pen & Ink
</span>
</div>
<div class="dd-winner-archive-grid">
<!-- WINNER DETAILS -->
<div class="dd-winner-details">
<span class="dd-winner-small-label">
July Winner
</span>
<h2 class="dd-winner-name">
JULY WINNER NAME
</h2>
<p class="dd-winner-comment">
Add a short paragraph here explaining what stood out
about the winning project and why it was chosen as
July's Monthly Challenge winner.
</p>
<div class="dd-winner-quote">
Add the winner's quote, creative inspiration or a
short comment from the Darkroom Door team here.
</div>
<div class="dd-winner-prize">
Winner of <strong>£25 Darkroom Door Credit</strong>
</div>
</div>
<!-- PROFILE PHOTO -->
<div class="dd-winner-photo">
<div class="dd-image-placeholder">
<strong>
July Winner
</strong>
Winner profile photo
</div>
</div>
<!-- WINNING PROJECT -->
<div class="dd-winning-project">
<div class="dd-image-placeholder">
<strong>
Winning Design
</strong>
July 2026 project image
</div>
</div>
<!-- FEATURED STAMP -->
<div class="dd-winner-stamp">
<div class="dd-winner-stamp-label">
Challenge Stamp
</div>
<img
class="dd-winner-stamp-image"
src="https://www.darkroomdoor.com/assets/full/DDRS227.jpg?20250721130733"
alt="Darkroom Door Pen and Ink Rubber Stamp Set"
>
<h3 class="dd-winner-stamp-title">
Pen & Ink
</h3>
<div class="dd-winner-stamp-number">
DDRS227
</div>
<a
class="dd-winner-product-link"
href="https://www.darkroomdoor.com/rubber-stamp-set-pen-ink"
>
View Stamp Set
</a>
</div>
</div>
</article>
<!-- =====================================================
JUNE 2026
LIESBETH FIDDER-DE VOS
===================================================== -->
<article class="dd-winner-archive-card">
<div class="dd-winner-month-bar">
<span class="dd-winner-month">
June 2026 Monthly Challenge
</span>
<span class="dd-winner-stamp-code">
DDRS093 - New York Vol 1
</span>
</div>
<div class="dd-winner-archive-grid">
<!-- WINNER DETAILS -->
<div class="dd-winner-details">
<span class="dd-winner-small-label">
June Winner
</span>
<h2 class="dd-winner-name">
Liesbeth Fidder-de Vos
</h2>
<p class="dd-winner-comment">
Congratulations Liesbeth! We loved your creative use of
layering, colour and composition with our New York Vol 1
Rubber Stamp Set.
</p>
<div class="dd-winner-quote">
Your project stood out for its wonderful interpretation
of the New York theme and the amount of character packed
into the finished design.
</div>
<div class="dd-winner-prize">
Winner of <strong>£25 Darkroom Door Credit</strong>
</div>
</div>
<!-- PROFILE PHOTO -->
<div class="dd-winner-photo">
<div class="dd-image-placeholder">
<strong>
Liesbeth Fidder-de Vos
</strong>
Winner profile photo
</div>
</div>
<!-- WINNING PROJECT -->
<div class="dd-winning-project">
<div class="dd-image-placeholder">
<strong>
Winning Design
</strong>
June 2026 project image
</div>
</div>
<!-- FEATURED STAMP -->
<div class="dd-winner-stamp">
<div class="dd-winner-stamp-label">
Challenge Stamp
</div>
<img
class="dd-winner-stamp-image"
src="https://www.darkroomdoor.com/assets/full/DDRS093.jpg?20250721130639"
alt="Darkroom Door New York Vol 1 Rubber Stamp Set"
>
<h3 class="dd-winner-stamp-title">
New York Vol 1
</h3>
<div class="dd-winner-stamp-number">
DDRS093
</div>
<a
class="dd-winner-product-link"
href="https://www.darkroomdoor.com/rubber-stamp-set-new-york-vol-1"
>
View Stamp Set
</a>
</div>
</div>
</article>
<!-- =====================================================
FINAL MESSAGE
===================================================== -->
<section class="dd-winners-footer-message">
<span class="dd-winners-footer-heart">
♥
</span>
<h3>
Thank You for Sharing Your Creativity
</h3>
<p>
A huge thank you to everyone who takes part in our Monthly
Challenges. We love seeing the different ways our community
brings each Darkroom Door stamp set to life.
</p>
</section>
</div>
</div>