Refactored the sections
This commit is contained in:
+123
-36
@@ -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=contact-form-inset">
|
||||
<link rel="stylesheet" href="styles.css?version=editorial-expansion-2">
|
||||
</head>
|
||||
|
||||
<body id="top">
|
||||
@@ -32,7 +32,7 @@
|
||||
<ul class="primary-navigation-list">
|
||||
<li><a class="primary-navigation-link" href="#work">Work</a></li>
|
||||
<li><a class="primary-navigation-link" href="#philosophy">Philosophy</a></li>
|
||||
<li><a class="primary-navigation-link" href="#journal">Journal</a></li>
|
||||
<li><a class="primary-navigation-link" href="#approach">Approach</a></li>
|
||||
<li><a class="primary-navigation-link" href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -51,7 +51,7 @@
|
||||
<div class="homepage-hero-introduction">
|
||||
<span class="brand-occasion-mark" aria-hidden="true">✦</span>
|
||||
<p>
|
||||
Luxury seasonal environments for hotels, automotive brands, private estates,
|
||||
Luxury seasonal environments for hospitality, automotive brands, private estates,
|
||||
and remarkable places.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#philosophy">
|
||||
@@ -95,12 +95,17 @@
|
||||
</h2>
|
||||
|
||||
<div class="philosophy-supporting-copy">
|
||||
<p>
|
||||
The most extraordinary spaces do not need decoration. They need intention.
|
||||
<p class="philosophy-brand-thesis">
|
||||
We don’t decorate for the holidays. We compose the season.
|
||||
</p>
|
||||
<p>
|
||||
We work with architecture—never against it—to create environments that feel
|
||||
timeless, inviting, and unforgettable.
|
||||
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.
|
||||
</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.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#approach">
|
||||
Our approach <span aria-hidden="true">→</span>
|
||||
@@ -127,8 +132,8 @@
|
||||
the season.
|
||||
</p>
|
||||
<p>
|
||||
Fresh cedar. Antique brass. Hand-tied velvet. Glass catching candlelight. The
|
||||
result feels elevated because every detail belongs.
|
||||
Fresh cedar, antique brass, hand-tied velvet, and glass catching candlelight are
|
||||
chosen and placed with intention.
|
||||
</p>
|
||||
<a class="editorial-text-link" href="#work">
|
||||
Explore our work <span aria-hidden="true">→</span>
|
||||
@@ -145,6 +150,35 @@
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="approach-principles-grid" aria-label="Noel Design Atelier brand principles">
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">I.</span>
|
||||
<h3>Curated</h3>
|
||||
<p>
|
||||
Every installation is intentionally composed. Nothing feels accidental. Nothing
|
||||
feels excessive.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">II.</span>
|
||||
<h3>Crafted</h3>
|
||||
<p>
|
||||
Natural materials. Artisan techniques. Meticulous execution. Luxury reveals
|
||||
itself through detail.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="approach-principle">
|
||||
<span class="approach-principle-index" aria-hidden="true">III.</span>
|
||||
<h3>Remembered</h3>
|
||||
<p>
|
||||
Decorations come down. The feeling remains. Great seasonal design becomes part
|
||||
of the space’s story.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -159,8 +193,9 @@
|
||||
<div class="work-heading-grid">
|
||||
<h2 class="oversized-editorial-title" id="work-title">Wonder.</h2>
|
||||
<p class="work-introduction-copy">
|
||||
Every installation tells the story of the season—through gathering, wonder,
|
||||
detail, and the memories guests carry forward.
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -173,7 +208,13 @@
|
||||
>
|
||||
<span>Monumental Christmas tree in a grand room</span>
|
||||
</div>
|
||||
<figcaption>Hospitality <span>— Seattle, Washington</span></figcaption>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Luxury hospitality</span>
|
||||
<span class="work-project-description">
|
||||
A monumental focal point designed to stop guests in their tracks through
|
||||
beauty, not scale alone.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="work-gallery-secondary-figure">
|
||||
@@ -184,7 +225,13 @@
|
||||
>
|
||||
<span>Candlelit table composed for a seasonal gathering</span>
|
||||
</div>
|
||||
<figcaption>Private estate <span>— Medina, Washington</span></figcaption>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Private estates</span>
|
||||
<span class="work-project-description">
|
||||
Warmth and gathering composed around the traditions a family returns to year
|
||||
after year.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="work-gallery-detail-figure">
|
||||
@@ -195,35 +242,75 @@
|
||||
>
|
||||
<span>Velvet ribbon and antique brass detail</span>
|
||||
</div>
|
||||
<figcaption>Craft <span>— The details that remain</span></figcaption>
|
||||
<figcaption>
|
||||
<span class="work-project-category">Material and detail</span>
|
||||
<span class="work-project-description">
|
||||
Hand-tied velvet, antique brass, and reflected light; luxury found in what
|
||||
people almost miss.
|
||||
</span>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="editorial-section journal-section" id="journal" aria-labelledby="journal-title">
|
||||
<div class="site-width-boundary journal-content-grid">
|
||||
<div class="journal-heading-content">
|
||||
<p class="section-context-label section-context-label-red">From the journal</p>
|
||||
<h2 class="journal-title" id="journal-title">The art of arrival.</h2>
|
||||
<p class="journal-summary-copy">
|
||||
A seasonal entrance is a promise. Long before guests reach the tree, the doorway
|
||||
establishes warmth, rhythm, and a sense of occasion.
|
||||
</p>
|
||||
<a class="editorial-text-link editorial-text-link-light" href="#contact">
|
||||
Begin your season <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
<section class="editorial-section client-fit-section" id="places" aria-labelledby="client-fit-title">
|
||||
<div class="site-width-boundary">
|
||||
<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>
|
||||
<p class="client-fit-positioning-copy">
|
||||
Noel Design Atelier exists where luxury hospitality, timeless craftsmanship,
|
||||
and seasonal storytelling become one experience.
|
||||
</p>
|
||||
<a class="editorial-text-link editorial-text-link-light" href="#contact">
|
||||
Start a conversation <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<figure class="client-fit-image-figure">
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-landscape"
|
||||
role="img"
|
||||
aria-label="Grand doorway framed with fresh cedar and warm lights"
|
||||
>
|
||||
<span>Grand doorway framed with fresh cedar and warm light</span>
|
||||
</div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<figure class="journal-image-figure">
|
||||
<div
|
||||
class="photography-placeholder photography-placeholder-landscape"
|
||||
role="img"
|
||||
aria-label="Detail of a grand doorway framed with fresh cedar and warm lights"
|
||||
>
|
||||
<span>Grand doorway framed with fresh cedar and warm light</span>
|
||||
</div>
|
||||
</figure>
|
||||
<div class="client-fit-category-grid" aria-label="Client and environment categories">
|
||||
<article class="client-fit-category">
|
||||
<h3>Luxury hospitality</h3>
|
||||
<p>
|
||||
Hotels, destination properties, and gathering spaces shaped by arrival and
|
||||
atmosphere.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Automotive and flagship retail</h3>
|
||||
<p>
|
||||
Branded environments where seasonal design must complement identity and
|
||||
architecture.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Private estates</h3>
|
||||
<p>
|
||||
Personal compositions created for family traditions, celebration, and memory.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="client-fit-category">
|
||||
<h3>Select events</h3>
|
||||
<p>
|
||||
Seasonal settings designed to welcome, gather, and be remembered.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -292,7 +379,7 @@
|
||||
<ul>
|
||||
<li><a href="#work">Work</a></li>
|
||||
<li><a href="#philosophy">Philosophy</a></li>
|
||||
<li><a href="#journal">Journal</a></li>
|
||||
<li><a href="#approach">Approach</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user