The Ledge — Architectural Floating Shelf

Board & Grain Verified independent store

→

.ledge-description { max-width: 1200px; margin: 0 auto; padding: 0 24px; color: #171513; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.8; } .ledge-description, .ledge-description * { box-sizing: border-box; } .ledge-description img { display: block; width: 100%; height: auto; } .ledge-description p { margin: 0; color: #5d5750; font-size: 16px; line-height: 1.85; } .ledge-description p + p { margin-top: 22px; } .ledge-description h2, .ledge-description h3 { margin: 0; color: #171513; font-family: "Libre Baskerville", Georgia, serif; font-weight: 400; overflow-wrap: normal; word-break: normal; hyphens: none; } .ledge-description .ledge-kicker { margin: 0; color: #9b7b51; font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: 0.28em; text-transform: uppercase; } .ledge-description .ledge-main-title { margin-top: 18px; font-size: clamp(44px, 6vw, 70px); line-height: 1.04; letter-spacing: -0.04em; } .ledge-description .ledge-editorial-heading { margin: 18px 0 28px; font-size: clamp(32px, 3.2vw, 42px); line-height: 1.12; letter-spacing: -0.035em; overflow-wrap: normal; word-break: normal; hyphens: none; } /* INTRODUCTION */ .ledge-description .ledge-intro { padding: 30px 0 72px; text-align: center; } .ledge-description .ledge-intro-copy { max-width: 780px; margin: 26px auto 0; font-size: 20px; line-height: 1.9; } /* MAIN PRODUCT IMAGE */ .ledge-description .ledge-full-image { margin-bottom: 90px; } /* CONTENT WIDTH */ .ledge-description .ledge-narrow-section { max-width: 780px; margin: 0 auto; } .ledge-description .ledge-spacer { height: 110px; } /* TWO-COLUMN SECTIONS */ .ledge-description .ledge-two-column { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(56px, 8vw, 100px); align-items: start; } /* ENGINEERING INTRO */ .ledge-description .ledge-engineering-intro { max-width: 820px; margin: 0 auto 54px; text-align: left; } .ledge-description .ledge-engineering-intro p { max-width: 760px; } /* LARGE BLUEPRINT SECTION */ .ledge-description .ledge-blueprint-section { position: relative; width: min(1700px, calc(100vw - 32px)); margin-left: 50%; transform: translateX(-50%); } .ledge-description .ledge-blueprint-frame { width: 100%; padding: 12px; overflow: hidden; background: #f4f0e9; border: 1px solid rgba(23, 21, 19, 0.12); } .ledge-description .ledge-blueprint-image { width: 100%; height: auto; margin: 0; } .ledge-description .ledge-blueprint-instruction { display: none; margin: 0 0 12px; color: #9b7b51; font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: 0.18em; text-align: center; text-transform: uppercase; } /* ENGINEERING SPECIFICATIONS */ .ledge-description .ledge-engineering-details { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(56px, 8vw, 100px); align-items: start; margin-top: 72px; } .ledge-description .ledge-engineering-summary { max-width: 530px; } .ledge-description .ledge-engineering-summary p + p { margin-top: 22px; } .ledge-description .ledge-specifications { padding-top: 26px; border-top: 1px solid #d7d0c7; } .ledge-description .ledge-specifications-title { margin: 0 0 26px; color: #171513; font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; } .ledge-description .ledge-specification { padding: 17px 0; border-bottom: 1px solid #e1dbd3; } .ledge-description .ledge-specification:first-of-type { padding-top: 0; } .ledge-description .ledge-specification strong { display: block; margin-bottom: 4px; color: #171513; font-size: 13px; font-weight: 600; } .ledge-description .ledge-specification span { color: #5d5750; font-size: 15px; line-height: 1.6; } /* COLLECTION */ .ledge-description .ledge-collection { padding: 76px 60px; background: #f6f2ec; text-align: center; } .ledge-description .ledge-size-list { margin-top: 26px; color: #171513; font-family: "Libre Baskerville", Georgia, serif; font-size: 19px; line-height: 2.1; } .ledge-description .ledge-collection-copy { max-width: 680px; margin: 34px auto 0; } /* BUTTONS */ .ledge-description .ledge-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 38px; } .ledge-description .ledge-button { min-height: 54px; padding: 0 30px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #171513; font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: 0.17em; text-decoration: none; text-transform: uppercase; transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease; } .ledge-description .ledge-button-primary { color: #ffffff !important; background: #171513; } .ledge-description .ledge-button-secondary { color: #171513 !important; background: transparent; } .ledge-description .ledge-button:hover { transform: translateY(-2px); } .ledge-description .ledge-button-primary:hover { color: #ffffff !important; background: #332f2a; } .ledge-description .ledge-button-secondary:hover { color: #ffffff !important; background: #171513; } /* TABLET */ @media screen and (max-width: 900px) { .ledge-description .ledge-engineering-details { grid-template-columns: 1fr; gap: 58px; } .ledge-description .ledge-engineering-summary { max-width: 720px; } } /* MOBILE */ @media screen and (max-width: 749px) { .ledge-description { padding: 0 20px; } .ledge-description .ledge-intro { padding: 16px 0 54px; } .ledge-description .ledge-main-title { font-size: clamp(42px, 13vw, 58px); } .ledge-description .ledge-intro-copy { margin-top: 22px; font-size: 17px; line-height: 1.8; } .ledge-description .ledge-full-image { margin-bottom: 66px; } .ledge-description .ledge-spacer { height: 72px; } .ledge-description .ledge-two-column, .ledge-description .ledge-engineering-details { display: block; } .ledge-description .ledge-two-column > div, .ledge-description .ledge-engineering-details > div { width: 100%; max-width: 100%; } .ledge-description .ledge-two-column > div + div, .ledge-description .ledge-engineering-details > div + div { margin-top: 64px; } .ledge-description .ledge-editorial-heading { margin: 16px 0 24px; font-size: clamp(28px, 8.2vw, 38px); line-height: 1.08; letter-spacing: -0.035em; overflow-wrap: normal; word-break: normal; hyphens: none; } .ledge-description .ledge-engineering-intro { margin-bottom: 38px; } /* On mobile the blueprint remains large instead of shrinking. Customers can swipe horizontally to read every detail. */ .ledge-description .ledge-blueprint-section { width: calc(100vw - 16px); } .ledge-description .ledge-blueprint-instruction { display: block; } .ledge-description .ledge-blueprint-frame { padding: 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .ledge-description .ledge-blueprint-image { width: 1180px; max-width: none; height: auto; } .ledge-description .ledge-engineering-details { margin-top: 58px; } .ledge-description .ledge-specifications { margin-top: 0; } .ledge-description .ledge-collection { padding: 60px 24px; } .ledge-description .ledge-size-list { font-size: 17px; } .ledge-description .ledge-actions { flex-direction: column; align-items: stretch; } .ledge-description .ledge-button { width: 100%; min-height: 56px; } } @media screen and (max-width: 380px) { .ledge-description .ledge-editorial-heading { font-size: 27px; letter-spacing: -0.04em; } .ledge-description .ledge-blueprint-image { width: 1100px; } } Board & Grain The Ledge An architectural floating shelf handcrafted from solid hardwood, designed to become part of the room rather than simply hang on the wall. The Philosophy Presence Without Excess The strongest interiors are rarely defined by what is added. They are defined by proportion, restraint, and the confidence to allow exceptional materials to speak for themselves. The Ledge was designed around this philosophy. A substantial two-inch profile creates a bold architectural line, while concealed hardware allows the shelf itself to remain the only visible element. The result feels less like furniture and more like an intentional extension of the home. Engineering Concealed by Design. Every Ledge is supported by a precision-engineered concealed steel mounting system designed to disappear once installed. Rather than relying on exposed brackets or visible supports, the hardware becomes part of the structure itself. Swipe horizontally to explore the mounting-system details Hidden Structure Strength Without Visual Weight. Once installed, the bracket is completely concealed within the shelf. This allows The Ledge to appear effortlessly suspended while maintaining a strong connection to the wall structure. The mounting system creates the uninterrupted horizontal line that defines The Ledge while providing the strength and stability required for everyday use. Specifications Material Solid steel Finish Black powder coat Shelf Profile 2 inches Standard Depth 8 inches Installation Structural stud mounting recommended Included Concealed steel mounting hardware Material Solid Hardwood. Natural Character. Each shelf is handcrafted from carefully selected solid hardwood and finished by hand to highlight the depth, movement, and natural character of the grain. Because every board is unique, variations in color, grain pattern, mineral streaking, and sapwood are expected. These natural distinctions are not imperfections, but characteristics that ensure every Ledge is one of a kind. Made to Order Built For Your Space. The Ledge is available in six carefully considered standard lengths, each selected to complement a different scale of interior. Whether creating a quiet architectural accent or spanning an expansive feature wall, every size was chosen with proportion in mind. Need something beyond the standard collection? Custom lengths, depths, and wood species are available through the Board & Grain Concierge. The Collection Available Sizes The Niche · 24" The Gallery · 30" The Atrium · 36" The Study · 42" The Loft · 48" The Pavilion · 60" Not sure which size is right for your space? Explore the complete Size & Placement Guide or work directly with the Board & Grain Concierge for personalized recommendations, custom dimensions, and wood-species guidance. Explore the Size Guide Contact the Concierge Show more