The Curator's Vault

Stories from our global community of collectors

"The attention to detail in packaging and provenance documentation is unmatched in the UK market. A true luxury experience."

Marcus Thorne

Premier MTG Collector

"Finding high-grade vintage Pokemon cards is a minefield. Nerdworks is the only shop I trust implicitly."

Elena Voss

Archive Specialist

"Their Lorcana selection is impeccably curated. The condition of the cards I received was even better than described."

Jordan Chen

Competitive Player

<section class="vault">
	<div class="container vault__inner">
		<h1 class="vault__title">The Curator's Vault</h1>
		<p class="vault__subtitle">Stories from our global community of collectors</p>
		<div class="vault__grid">
			<!-- Testimonial 1 -->
			<div class="vault__card">
				<div class="vault__stars">
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
				</div>
				<p class="vault__quote">"The attention to detail in packaging and provenance documentation is unmatched in the UK market. A true luxury experience."</p>
				<div>
					<p class="vault__author">Marcus Thorne</p>
					<p class="vault__role">Premier MTG Collector</p>
				</div>
			</div>
			<!-- Testimonial 2 -->
			<div class="vault__card">
				<div class="vault__stars">
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
				</div>
				<p class="vault__quote">"Finding high-grade vintage Pokemon cards is a minefield. Nerdworks is the only shop I trust implicitly."</p>
				<div>
					<p class="vault__author">Elena Voss</p>
					<p class="vault__role">Archive Specialist</p>
				</div>
			</div>
			<!-- Testimonial 3 -->
			<div class="vault__card">
				<div class="vault__stars">
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
					<svg class="icon icon--star" viewbox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z"></path></svg>
				</div>
				<p class="vault__quote">"Their Lorcana selection is impeccably curated. The condition of the cards I received was even better than described."</p>
				<div>
					<p class="vault__author">Jordan Chen</p>
					<p class="vault__role">Competitive Player</p>
				</div>
			</div>
		</div>
	</div>
</section>

/* ═══════════════════════════════════════════════
		   VAULT (TESTIMONIALS)
		   ═══════════════════════════════════════════════ */

		.vault {
background-color: var(--bg-statement-green);
			padding: var(--space-10) 0;
}

.vault__inner {
text-align: center;
}

.vault__title {
font-size: var(--fs-h1);
			font-weight: var(--fw-bold);
			color: var(--text-on-green);
			margin-bottom: var(--space-4);
}

.vault__subtitle {
color: var(--nw-green-pale);
			font-size: 24px;
			font-style: italic;
			font-weight: 300;
			margin-bottom: var(--space-8);
}

.vault__grid {
display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: var(--space-6);
}

.vault__card {
background-color: var(--darkest-green);
			padding: 40px;
			border-radius: var(--radius-lg);
			text-align: left;
			display: flex;
			flex-direction: column;
			gap: var(--space-5);
}

.vault__stars {
display: flex;
			gap: var(--space-1);
			color: var(--accent-yellow);
}

.vault__quote {
font-size: var(--fs-body-lg);
			line-height: var(--lh-body);
			color: var(--text-on-dark);
}

.vault__author {
font-weight: var(--fw-bold);
}

.vault__role {
font-size: var(--fs-body-sm);
			color: var(--text-on-dark-muted);
}

Origin

Prototype TTF2 — NW Homepage Showcase Dark (TN15 — MN19 Converted, 1440px Container)

Styleguide STF2 — Nerdworks \u2014 The Showcase Dark

Tokens Used

--accent-yellow
--bg-statement-green
--darkest-green
--fs-body-lg
--fs-body-sm
--fs-h1
--fw-bold
--lh-body
--nw-green-pale
--radius-lg
--space-1
--space-10
--space-4
--space-5
--space-6
--space-8
--text-on-dark
--text-on-dark-muted
--text-on-green