omgitsalexl/noel-design-atelier
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Primary copy rewrite to put more focus on Noel

Browse Source
This commit is contained in:
omgitsalexl
2026-09-18 11:45:29 -07:00
parent aa2ebcf882
commit 4bc91ad114
2 changed files with 58 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+48 -33
View File
@@ -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=image-placement-border">
<link rel="stylesheet" href="styles.css?version=section-theses">
<script src="https://cdn.jsdelivr.net/npm/gsap@3.15/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.15/dist/ScrollTrigger.min.js"></script>
@@ -120,14 +120,14 @@
We begin by noticing what makes a place itself.
</p>
<p>
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.
A sweeping staircase invites a different gesture from an intimate room. We study
those proportions and compose installations to suit them, following an
architectural curve or giving a quiet corner a seasonal focal point.
</p>
<p>
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.
of the holidays. We design for that sense of recognition: a room that feels
quietly new yet deeply familiar, like returning to somewhere you love.
</p>
<a class="editorial-text-link" href="#approach">
A closer look <span aria-hidden="true">→</span>
@@ -158,15 +158,17 @@
<div class="approach-content-grid">
<div class="approach-supporting-copy">
<p>
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 class="section-brand-thesis">
We bring the season to life by hand.
</p>
<p>
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.
That sense of belonging guides our hands as well as our designs. We build each
arrangement around the lines of the space, shaping its outline to echo a curve
or frame an opening.
</p>
<p>
As we work, we adjust the balance and spacing of the details, bringing them into
a composition that feels at home in the room.
</p>
<a class="editorial-text-link" href="#work">
Imagine the season <span aria-hidden="true">→</span>
@@ -189,8 +191,9 @@
<span class="approach-principle-index" aria-hidden="true">I.</span>
<h3>Texture</h3>
<p>
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.
We select cedar, velvet, brass, and glass for the way their textures meet. The
contrast between soft foliage and a smooth ornament gives an installation depth,
inviting a closer look.
</p>
</article>
@@ -198,8 +201,9 @@
<span class="approach-principle-index" aria-hidden="true">II.</span>
<h3>Gesture</h3>
<p>
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.
We shape greenery and tie ribbon by hand, working with the natural movement of
each material. A branch’s curve or a ribbon’s fall helps us find an arrangement
that feels relaxed and full of life.
</p>
</article>
@@ -207,8 +211,9 @@
<span class="approach-principle-index" aria-hidden="true">III.</span>
<h3>Atmosphere</h3>
<p>
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.
We compose the installation as part of the whole room, considering where the eye
is drawn and where it can rest. Light and detail work together to make the space
feel warm and welcoming.
</p>
</article>
</div>
@@ -225,11 +230,17 @@
<div class="work-heading-grid">
<h2 class="oversized-editorial-title animate-header" id="work-title">Gather.</h2>
<p class="work-introduction-copy">
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.
<div class="work-introduction-copy">
<p class="section-brand-thesis section-brand-thesis-on-dark">
We create settings that bring people together.
</p>
<p>
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. We compose our
installations with these moments in mind, from the first welcome to the
conversations that follow.
</p>
</div>
</div>
<div class="work-gallery-grid" aria-label="Imagined holiday settings">
@@ -295,8 +306,8 @@
<h2 class="client-fit-title animate-header" id="client-fit-title">Your kind of welcome.</h2>
<p class="client-fit-positioning-copy">
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.
season, your space holds its own rituals. We design our compositions around the
way you welcome people, giving your gatherings 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>
@@ -318,32 +329,36 @@
<article class="client-fit-category">
<h3>Luxury hospitality</h3>
<p>
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.
We compose entrances and shared spaces in hotels and destination properties
around that first moment of arrival. Greenery and light offer a warm welcome,
inviting guests to settle into the season.
</p>
</article>
<article class="client-fit-category">
<h3>Automotive and flagship retail</h3>
<p>
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.
In showrooms and flagship stores, we choose materials and arrange seasonal
details to reflect the character of the space. The holiday welcome becomes a
natural extension of your world.
</p>
</article>
<article class="client-fit-category">
<h3>Private estates</h3>
<p>
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.
At home, the season gathers around familiar rituals. We design compositions for
the rooms where those traditions unfold, bringing holiday warmth to the places
your family knows by heart.
</p>
</article>
<article class="client-fit-category">
<h3>Select events</h3>
<p>
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.
We arrange greenery and light around the places people meet and gather, giving
each occasion its own seasonal atmosphere. From the first greeting, the setting
invites people to feel part of it.
</p>
</article>
</div>
styles.css
+9 -3
View File
@@ -424,18 +424,24 @@ ul {
font-size: 0.95rem;
}
.philosophy-brand-thesis {
.philosophy-brand-thesis,
.section-brand-thesis {
color: var(--color-noel-red);
font-family: var(--font-family-editorial);
font-size: 0.74rem;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.12em;
line-height: 1.65;
text-transform: uppercase;
}
.section-brand-thesis-on-dark {
color: var(--color-antique-brass);
}
.philosophy-supporting-copy p + p,
.approach-supporting-copy p + p {
.approach-supporting-copy p + p,
.work-introduction-copy p + p {
margin-top: 1.5rem;
}