Skip to content

Design System

Component Showcase

Living reference for the Hyalin design system. Toggle your system appearance (or use the theme toggle in the header) to see both modes.

Color Tokens

surface

surface-container

surface-container-low

surface-container-high

primary

secondary

secondary-container

tertiary

Typography

font-display · LTC Bodoni 175

The Good Life, Imported.

font-body · Minion Pro

Cold-pressed in Provence. Single-origin honey from French apiaries. Rare spices sourced directly from origin. Everything that's worth finding — found, vetted, and brought to Laugavegur.

font-ui · Neue Haas Grotesk

Shop · Producers · Journal · Cart

Text Hierarchy

on-surface (primary text)

on-surface-muted (secondary text)

on-surface-subtle (tertiary text)

secondary (accent / gold)

tertiary (alert / badge)

Placard Badges

OrganicDirect ImportLimitedNew SeasonSold OutAOP

Buttons

All states · both modes

Primary CTA — full width

Card button — compact

Ghost / nav button

Product Cards

Hyalin Arch

Galerie Frame

Arch variant · thick border + offset callout card

Direct from
Provence

Mullion Accordion

Hover any panel · CSS-only flex-grow transition

Chapter I

The Origin

Sourced from heritage regions where craft is a lineage, not a trade. France, Italy, Greece.

Chapter II

The Selection

A rigorous process focused on provenance, seasonality, and the poetry of flavour.

Chapter III

The Season

Products that mark time — arrivals tied to harvest, weather, and the rhythms of the land.

Mullion Hero Layout

The vertical border between text and image is the mullion

Section Archive 01

The Vertical
Mullion

Structural lines that define the boundary between the observer and the artisanal object. Rhythm and restraint.

Mullion Divisions

Window pane split · image with overlay lines + bordered content blocks

Concept 03

Mullion Divisions

Verticality

Narrow vertical strips that divide complex data points into digestible segments, echoing the window panes of historical facades.

Rhythm

A repeatable cadence of line and space that guides the eye through the archival depth of the Hyalin brand.

Thresholds

Every division is an invitation to peer through the digital glass into the curated narrative within.

Bookstore Logic

Box-in-box shelf grid · outer border frames the collection

Château Virant

Huile d'Olive AOP

4.890 kr

Terres Exotiques

Piment d'Espelette

2.490 kr

Hedene

Miel de Lavande

3.690 kr

Le Guérandais

Fleur de Sel de Guérande

1.890 kr

Logo

Surface Elevation

surface
container-low
container
container-high

Wireframe Modules

v2 Imports

Layout exploration from Figma — shape and structure only, placeholder content. Eight new section compositions for homepage and editorial use.

01 · Hero Section: The Scalloped Frame

Volume 01: Origins

The Hand that
Shapes the
Clay.

In the silent valleys of Limoges, Hyalin curators witness the birth of form. Each piece is a conversation between geological patience and human precision.

Keeper's Notes

Porcelain,
hand-thrown

02 · Interlinking Arches Separator

03 · Section Hero: Architectural Mullion Intro

Section Archive 01

The Vertical Mullion

An exploration of rhythmic verticality, where structural lines define the boundary between the observer and the artisanal object.

04 · The Shelf: Primary Organizational Motif

3-row × 3-column editorial shelf layout

New Arrivals

The Amber Collection

Warm tonalities and ancient craft from Andalucía.

View All →

Single origin

02

Tracing the Silhouettes of the Attic

Archival forms drawn from regional craft traditions.

Featured Material

Mouth-Blown
Borosilicate

Featured Producer

Maître Glassier, Lyon

The Journal

Tracing the Silhouettes of the Seine

A journey through the architectural rhythms of Paris and how they translate into the objects we carry.

Dispatches

Stay in the know

Email Address

New arrivals · Weekly

01

Collections

02

Producers

03

Origins

Sustainable Alchemy

Our glass is 100% recycled, sourced from post-industrial waste and transformed through heat and breath.

05 · Mullion Navigation: Grand Cru Collections

Grand Cru Collections

A curated journey through the appellations and estates that define the pinnacle of European production.

View all →

01

Bordeaux Reserve

Grand Cru Classé selections from the Médoc.

02

Champagne Salon

Effervescence in its purest form.

03

Malt & Oak

Smoky, peated, and profoundly deep.

04

The Rarities

One of one selections from private estates.

06 · Brasserie Archives: Architectural Heritage

Grand Atrium

Est. 1886 · Paris

Legacy & Archive

Architectural Heritage

"We do not simply serve; we preserve. Every arch, every mirror, and every tiled floor at Hyalin tells the story of an era where dining was the highest form of theatre."

Pierre Daumont, Founder

The Archives represent a living history of the Brasserie. From the original blueprints of the grand atrium to the silver flatware used in our opening season, our collection is open for digital exploration.

07 · Artisans: The Mullion Accordion (image-based)

The Atelier Series

Makers chosen for their irreplaceable process, not their productivity.

01

Leatherwork

Atelier Clément

Three generations of maroquinerie from the Auvergne highlands.

02

Ceramics

Maison Grès

Stoneware forms drawn from the vernacular architecture of Bourgogne.

03

Printmaking

The Heidelberg Press

Letter-pressed editions from a Gutenberg-era press, still in daily use.

08 · Featured: Large Galerie Frame

Legacy & Craft

Architecture for the Everyday Object

Our philosophy is rooted in the belief that utility and beauty are not distinct. The shelving units in our boutique are not just storage; they are frames for a life lived with intent.

This digital exploration translates that physical presence into a modular system of visual tiers, ensuring every product is given its own architectural stage.

View the space →

Direct from
the source

Hyalin Atelier

Homepage Components

Live Sections

Production components currently rendering on the homepage.

HomeHero · homepage section 1

Reykjavík · Est. 2024

The Good Life,
Imported.

Everything that's worth finding in France, Italy, and Greece — found, vetted, and brought to Laugavegur.

Shop the range →

Stay in the loop.

LatestAdditions · homepage section 2

Latest Additions


View all →

FeaturedCollections · homepage section 4

Featured Collections


SeasonalSection · homepage section 5

In Season

Easter Selection

Le Guérandais

Le Guérandais · Fleur de Sel de Guérande

Hand-harvested sea salt from the Guérande marshes.

Add to Cart — ISK 1,890

MullionAccordion · homepage section 6

Chapter I

The Producer

The artisans, farmers, and makers behind every product we carry. Placeholder — v2.

Chapter II

The Curators

How we find, taste, and decide what earns a place on the shelf. Placeholder — v2.

Chapter III

The Ritual

The moment of use — the table, the kitchen, the occasion. Placeholder — v2.

BookstoreGrid · homepage section 7

New Arrivals

Our Newest Temptations

EditorialTeaser · homepage section 8

The Journal

Reflections on
Appetite.

Observations on the art of hosting, seasonal rituals, and the quiet beauty of a well-stocked pantry.

April 12, 2024

The Architecture of the Evening: A Guide to the Long Aperitif.

How the transition from daylight to dusk defines our relationship with flavor, and why the first glass of vermouth is the most important.

March 28, 2024

Fermentation as a Literary Device.

Exploring the parallels between slow-rising dough and the development of a classic novel. A journey through the bakeries of Reykjavík.