Rewrote website copy
This commit is contained in:
+95
-85
@@ -6,7 +6,7 @@
|
||||
<meta name="theme-color" content="#F4EDE3">
|
||||
<meta
|
||||
name="description"
|
||||
content="Noel Design Atelier creates bespoke seasonal environments composed for exceptional architecture."
|
||||
content="Holiday installations shaped by the character of your space and the people who gather there. Enter the world of Noel Design Atelier in the Pacific Northwest."
|
||||
>
|
||||
<title>Noel Design Atelier — Composing the Season</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
@@ -15,7 +15,7 @@
|
||||
href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
>
|
||||
<link rel="stylesheet" href="styles.css?version=logo-wordmark-scale-two">
|
||||
<link rel="stylesheet" href="styles.css?version=seasonal-story-copy">
|
||||
</head>
|
||||
|
||||
<body id="top">
|
||||
@@ -40,7 +40,7 @@
|
||||
|
||||
<nav class="primary-navigation" aria-label="Primary navigation">
|
||||
<ul class="primary-navigation-list">
|
||||
<li><a class="primary-navigation-link" href="#work">Work</a></li>
|
||||
<li><a class="primary-navigation-link" href="#work">Season</a></li>
|
||||
<li><a class="primary-navigation-link" href="#philosophy">Philosophy</a></li>
|
||||
<li><a class="primary-navigation-link" href="#approach">Approach</a></li>
|
||||
<li><a class="primary-navigation-link" href="#contact">Contact</a></li>
|
||||
@@ -54,7 +54,7 @@
|
||||
class="site-width-boundary homepage-hero-section image-overlap-heading-dynamic-inversion-container"
|
||||
aria-labelledby="homepage-hero-title"
|
||||
>
|
||||
<p class="section-context-label">Seasonal environment design <span aria-hidden="true">/</span> Pacific Northwest</p>
|
||||
<p class="section-context-label">Holiday installations <span aria-hidden="true">/</span> Pacific Northwest</p>
|
||||
|
||||
<h1
|
||||
class="homepage-hero-title image-overlap-heading-dynamic-inversion"
|
||||
@@ -67,11 +67,12 @@
|
||||
<div class="homepage-hero-introduction">
|
||||
<span class="brand-occasion-mark" aria-hidden="true">✦</span>
|
||||
<p>
|
||||
Luxury seasonal environments for hospitality, automotive brands, private estates,
|
||||
and remarkable places.
|
||||
We create holiday installations that welcome you into the season. From the first
|
||||
glimpse of greenery to the glow beyond a doorway, each space offers a reason to
|
||||
pause and stay a little longer.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#philosophy">
|
||||
Discover our world <span aria-hidden="true">→</span>
|
||||
Step inside <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -79,9 +80,9 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-tall"
|
||||
role="img"
|
||||
aria-label="Grand hotel entrance dressed with architectural garlands, Christmas trees, and candlelit lanterns"
|
||||
aria-label="Image placeholder: hotel entrance framed by garlands, evergreen trees, and glowing lanterns"
|
||||
>
|
||||
<span>Grand hotel entrance with architectural garlands and candlelight</span>
|
||||
<span>Hotel entrance framed by garlands and lantern light</span>
|
||||
</div>
|
||||
</figure>
|
||||
</section>
|
||||
@@ -99,32 +100,33 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-portrait"
|
||||
role="img"
|
||||
aria-label="A sweeping architectural staircase wrapped in cedar garland and velvet ribbon"
|
||||
aria-label="Image placeholder: cedar garland and velvet ribbon following a curved staircase"
|
||||
>
|
||||
<span>Architectural staircase with cedar garland and velvet ribbon</span>
|
||||
<span>Cedar and velvet following the curve of a staircase</span>
|
||||
</div>
|
||||
</figure>
|
||||
|
||||
<h2 class="editorial-statement-title" id="philosophy-title">
|
||||
Architecture is the canvas.
|
||||
<span>The season is the masterpiece.</span>
|
||||
The season begins
|
||||
<span>with the space.</span>
|
||||
</h2>
|
||||
|
||||
<div class="philosophy-supporting-copy">
|
||||
<p class="philosophy-brand-thesis">
|
||||
We don’t decorate for the holidays. We compose the season.
|
||||
We begin by noticing what makes a place itself.
|
||||
</p>
|
||||
<p>
|
||||
Noel Design Atelier creates bespoke holiday installations that feel as though
|
||||
they were always meant to belong. Every garland follows the architecture. Every
|
||||
ribbon serves a purpose. Every light contributes to atmosphere.
|
||||
A sweeping staircase invites a different gesture from an intimate room. We take
|
||||
our cues from those proportions, textures, and rhythms, letting the character of
|
||||
the architecture guide what we bring to it.
|
||||
</p>
|
||||
<p>
|
||||
The most memorable seasonal environments do not compete with the room. They
|
||||
complete it. True luxury is not louder. It is more thoughtful.
|
||||
As greenery and light find their place, familiar surroundings take on the warmth
|
||||
of the holidays. Our hope is that entering the room feels both quietly new and
|
||||
deeply familiar, like returning to somewhere you love.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#approach">
|
||||
Our approach <span aria-hidden="true">→</span>
|
||||
A closer look <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -147,21 +149,23 @@
|
||||
class="oversized-editorial-title approach-image-overlap-title image-overlap-heading-dynamic-inversion"
|
||||
id="approach-title"
|
||||
>
|
||||
Tradition.
|
||||
By hand.
|
||||
</h2>
|
||||
|
||||
<div class="approach-content-grid">
|
||||
<div class="approach-supporting-copy">
|
||||
<p>
|
||||
Every element is rooted in craftsmanship, heritage, and the natural beauty of
|
||||
the season.
|
||||
That sense of belonging takes shape in cedar, velvet, brass, and glass. We bring
|
||||
their textures together, finding the balance of softness and structure that
|
||||
suits the room.
|
||||
</p>
|
||||
<p>
|
||||
Fresh cedar, antique brass, hand-tied velvet, and glass catching candlelight are
|
||||
chosen and placed with intention.
|
||||
As a ribbon is tied and light catches an ornament, the arrangement begins to
|
||||
settle. We work with those small relationships until each detail feels at ease
|
||||
with the next.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#work">
|
||||
Explore our work <span aria-hidden="true">→</span>
|
||||
Imagine the season <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -169,38 +173,38 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-landscape"
|
||||
role="img"
|
||||
aria-label="Artisan arranging ribbon, cedar, brass ornaments, and seasonal materials on a worktable"
|
||||
aria-label="Image placeholder: hands arranging ribbon, cedar, and brass ornaments on a worktable"
|
||||
>
|
||||
<span>Artisan worktable with ribbon, cedar, and brass ornaments</span>
|
||||
<span>Ribbon, cedar, and brass coming together at the worktable</span>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="approach-principles-grid" aria-label="Noel Design Atelier brand principles">
|
||||
<div class="approach-principles-grid" aria-label="How we compose a space">
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">I.</span>
|
||||
<h3>Curated</h3>
|
||||
<h3>Texture</h3>
|
||||
<p>
|
||||
Every installation is intentionally composed. Nothing feels accidental. Nothing
|
||||
feels excessive.
|
||||
A branch’s uneven edge beside the smooth curve of glass gives the eye something
|
||||
to explore. These contrasts bring depth and a little surprise to the composition.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">II.</span>
|
||||
<h3>Crafted</h3>
|
||||
<h3>Gesture</h3>
|
||||
<p>
|
||||
Natural materials. Artisan techniques. Meticulous execution. Luxury reveals
|
||||
itself through detail.
|
||||
A ribbon tied by hand follows its own soft curve. We leave room for that movement,
|
||||
so the care of the maker remains in the finished piece.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">III.</span>
|
||||
<h3>Remembered</h3>
|
||||
<h3>Atmosphere</h3>
|
||||
<p>
|
||||
Decorations come down. The feeling remains. Great seasonal design becomes part
|
||||
of the space’s story.
|
||||
Seen together, the details create a gentle rhythm across the room. A warm
|
||||
reflection leads the eye toward greenery, then leaves it somewhere quiet to rest.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
@@ -212,32 +216,32 @@
|
||||
<header class="numbered-section-heading numbered-section-heading-on-dark">
|
||||
<span class="numbered-section-index" aria-hidden="true">03</span>
|
||||
<span class="numbered-section-rule" aria-hidden="true"></span>
|
||||
<p>Selected work</p>
|
||||
<p>Seasonal possibilities</p>
|
||||
</header>
|
||||
|
||||
<div class="work-heading-grid">
|
||||
<h2 class="oversized-editorial-title" id="work-title">Wonder.</h2>
|
||||
<h2 class="oversized-editorial-title" id="work-title">Gather.</h2>
|
||||
<p class="work-introduction-copy">
|
||||
Every installation tells the story of the season. Noel composes more than visual
|
||||
beauty: environments that awaken emotion, inspire connection, and leave a lasting
|
||||
impression.
|
||||
Imagine arriving out of the cold to a room lit for the holidays. There is something
|
||||
to catch your eye, somewhere to draw closer, and a reason to linger. These are a few
|
||||
of the moments we imagine as we compose a space.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-gallery-grid" aria-label="Selected project image placeholders">
|
||||
<div class="work-gallery-grid" aria-label="Imagined holiday settings, with image placeholders">
|
||||
<figure class="work-gallery-primary-figure">
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-wide"
|
||||
role="img"
|
||||
aria-label="A monumental Christmas tree in a grand room illuminated with warm lights"
|
||||
aria-label="Image placeholder: a tall evergreen tree lit with warm lights in a grand room"
|
||||
>
|
||||
<span>Monumental Christmas tree in a grand room</span>
|
||||
<span>A tall evergreen glowing in a welcoming room</span>
|
||||
</div>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Luxury hospitality</span>
|
||||
<span class="work-project-category">On arrival</span>
|
||||
<span class="work-project-description">
|
||||
A monumental focal point designed to stop guests in their tracks through
|
||||
beauty, not scale alone.
|
||||
A tree glowing at the end of a room offers a first glimpse of the celebration
|
||||
within, inviting a guest to slow their step as they enter.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
@@ -246,15 +250,15 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-portrait"
|
||||
role="img"
|
||||
aria-label="A candlelit holiday table arranged for an intimate seasonal gathering"
|
||||
aria-label="Image placeholder: a holiday table set with greenery and candles for a small gathering"
|
||||
>
|
||||
<span>Candlelit table composed for a seasonal gathering</span>
|
||||
<span>Greenery and candlelight around a holiday table</span>
|
||||
</div>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Private estates</span>
|
||||
<span class="work-project-category">Around the table</span>
|
||||
<span class="work-project-description">
|
||||
Warmth and gathering composed around the traditions a family returns to year
|
||||
after year.
|
||||
A table framed by greenery leaves room for familiar faces and a conversation
|
||||
that carries on long after the last plate is cleared.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
@@ -263,15 +267,15 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-square"
|
||||
role="img"
|
||||
aria-label="Close detail of hand-tied velvet ribbon and an antique brass ornament"
|
||||
aria-label="Image placeholder: close view of velvet ribbon tied beside an antique brass ornament"
|
||||
>
|
||||
<span>Velvet ribbon and antique brass detail</span>
|
||||
<span>The soft fold of velvet beside timeworn brass</span>
|
||||
</div>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Material and detail</span>
|
||||
<span class="work-project-category">A closer look</span>
|
||||
<span class="work-project-description">
|
||||
Hand-tied velvet, antique brass, and reflected light; luxury found in what
|
||||
people almost miss.
|
||||
In a fold of velvet or the patina of brass, there is another small discovery.
|
||||
Such details reward a second glance as the evening unfolds.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
@@ -284,10 +288,11 @@
|
||||
<div class="client-fit-content-grid">
|
||||
<div class="client-fit-heading-content">
|
||||
<p class="section-context-label section-context-label-brass">Who we design for</p>
|
||||
<h2 class="client-fit-title" id="client-fit-title">Designed for remarkable places.</h2>
|
||||
<h2 class="client-fit-title" id="client-fit-title">Your kind of welcome.</h2>
|
||||
<p class="client-fit-positioning-copy">
|
||||
Noel Design Atelier exists where luxury hospitality, timeless craftsmanship,
|
||||
and seasonal storytelling become one experience.
|
||||
Whether you are welcoming guests for a night or bringing family home for the
|
||||
season, your space holds its own rituals. We shape our installations around that
|
||||
life, giving the occasion a setting that feels like yours.
|
||||
</p>
|
||||
<a class="editorial-text-link editorial-text-link-light" href="#contact">
|
||||
Start a conversation <span aria-hidden="true">→</span>
|
||||
@@ -298,41 +303,43 @@
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-landscape"
|
||||
role="img"
|
||||
aria-label="Grand doorway framed with fresh cedar and warm lights"
|
||||
aria-label="Image placeholder: an open doorway framed by cedar garland and warm lights"
|
||||
>
|
||||
<span>Grand doorway framed with fresh cedar and warm light</span>
|
||||
<span>An open doorway edged with cedar and light</span>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="client-fit-category-grid" aria-label="Client and environment categories">
|
||||
<div class="client-fit-category-grid" aria-label="Places and people we design for">
|
||||
<article class="client-fit-category">
|
||||
<h3>Luxury hospitality</h3>
|
||||
<p>
|
||||
Hotels, destination properties, and gathering spaces shaped by arrival and
|
||||
atmosphere.
|
||||
A guest’s first evening away can begin with a sense of welcome. In hotels and
|
||||
destination properties, we bring the season into the spaces people share.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Automotive and flagship retail</h3>
|
||||
<p>
|
||||
Branded environments where seasonal design must complement identity and
|
||||
architecture.
|
||||
In showrooms and flagship stores, the holidays become another expression of your
|
||||
world. We carry its character into the details that welcome visitors through the door.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Private estates</h3>
|
||||
<p>
|
||||
Personal compositions created for family traditions, celebration, and memory.
|
||||
At home, the season gathers around familiar rituals. We make space for the
|
||||
traditions you return to, and for the new memories taking shape around them.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Select events</h3>
|
||||
<p>
|
||||
Seasonal settings designed to welcome, gather, and be remembered.
|
||||
When people come together for an occasion, the setting can help them feel part
|
||||
of it. We create a seasonal welcome that carries through the gathering.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
@@ -342,22 +349,24 @@
|
||||
<section class="editorial-section contact-section" id="contact" aria-labelledby="contact-title">
|
||||
<div class="site-width-boundary contact-content-grid">
|
||||
<div class="contact-heading-content">
|
||||
<p class="section-context-label">Inquire</p>
|
||||
<h2 class="contact-title" id="contact-title">Let’s compose your season.</h2>
|
||||
<p class="section-context-label">Let’s begin</p>
|
||||
<h2 class="contact-title" id="contact-title">Tell us your story.</h2>
|
||||
<p>
|
||||
Tell us about the property, the people who will experience it, and the feeling
|
||||
you want them to remember.
|
||||
Perhaps you have a place in mind, a tradition you want to carry forward, or simply
|
||||
a feeling you would love to create. Tell us a little about it. We would be glad to
|
||||
explore what the season could become with you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<form class="project-inquiry-form" action="#contact-confirmation" method="get">
|
||||
<p class="contact-form-disclosure" id="contact-form-disclosure">
|
||||
Concept preview only. No information entered here is transmitted or stored.
|
||||
This form is a preview. Anything you enter stays in this page and is not sent to
|
||||
the atelier or saved by this website.
|
||||
</p>
|
||||
|
||||
<div class="project-inquiry-field-grid">
|
||||
<div class="project-inquiry-field-group">
|
||||
<label for="inquiry-name">Name</label>
|
||||
<label for="inquiry-name">Your name</label>
|
||||
<input id="inquiry-name" type="text" autocomplete="name" required>
|
||||
</div>
|
||||
|
||||
@@ -368,21 +377,22 @@
|
||||
</div>
|
||||
|
||||
<div class="project-inquiry-field-group">
|
||||
<label for="inquiry-organization">Property or organization</label>
|
||||
<label for="inquiry-organization">Your home, property, or organization</label>
|
||||
<input id="inquiry-organization" type="text" autocomplete="organization" required>
|
||||
</div>
|
||||
|
||||
<div class="project-inquiry-field-group">
|
||||
<label for="inquiry-project-brief">Project brief</label>
|
||||
<label for="inquiry-project-brief">What do you have in mind?</label>
|
||||
<textarea id="inquiry-project-brief" rows="5" required></textarea>
|
||||
</div>
|
||||
|
||||
<button class="project-inquiry-submit-button" type="submit" aria-describedby="contact-form-disclosure">
|
||||
Preview inquiry <span aria-hidden="true">→</span>
|
||||
Preview your inquiry <span aria-hidden="true">→</span>
|
||||
</button>
|
||||
|
||||
<p class="contact-form-confirmation" id="contact-confirmation" tabindex="-1">
|
||||
Your concept inquiry is ready. A live site would securely deliver it to the atelier.
|
||||
This is where a confirmation would appear. Your message has not been sent to the
|
||||
atelier or saved by this website.
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
@@ -407,13 +417,13 @@
|
||||
decoding="async"
|
||||
>
|
||||
</a>
|
||||
<p>Seasonal environments composed with intention.</p>
|
||||
<p>For the welcome you offer and the memories you make.</p>
|
||||
</div>
|
||||
|
||||
<nav class="website-footer-navigation" aria-label="Footer navigation">
|
||||
<p class="website-footer-column-title">Navigation</p>
|
||||
<p class="website-footer-column-title">Explore</p>
|
||||
<ul>
|
||||
<li><a href="#work">Work</a></li>
|
||||
<li><a href="#work">Season</a></li>
|
||||
<li><a href="#philosophy">Philosophy</a></li>
|
||||
<li><a href="#approach">Approach</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
@@ -422,7 +432,7 @@
|
||||
|
||||
<div class="website-footer-contact-column">
|
||||
<p class="website-footer-column-title">Pacific Northwest</p>
|
||||
<p>For remarkable places and the people who gather there.</p>
|
||||
<p>We’d love to hear what you have in mind.</p>
|
||||
<a class="editorial-text-link editorial-text-link-light" href="#contact">
|
||||
Start a conversation <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
+1
-1
@@ -1206,7 +1206,7 @@ ul {
|
||||
|
||||
.primary-navigation-list {
|
||||
justify-content: space-between;
|
||||
gap: 0.25rem 1rem;
|
||||
gap: 0.25rem 0.4rem;
|
||||
}
|
||||
|
||||
.primary-navigation-link {
|
||||
|
||||
Reference in New Issue
Block a user