{"product_id":"the-ledge-architectural-floating-shelf","title":"The Ledge — Architectural Floating Shelf","description":"\u003cstyle\u003e\n  .ledge-description {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    color: #171513;\n    font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height: 1.8;\n  }\n\n  .ledge-description,\n  .ledge-description * {\n    box-sizing: border-box;\n  }\n\n  .ledge-description img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .ledge-description p {\n    margin: 0;\n    color: #5d5750;\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .ledge-description p + p {\n    margin-top: 22px;\n  }\n\n  .ledge-description h2,\n  .ledge-description h3 {\n    margin: 0;\n    color: #171513;\n    font-family: \"Libre Baskerville\", Georgia, serif;\n    font-weight: 400;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .ledge-description .ledge-kicker {\n    margin: 0;\n    color: #9b7b51;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n  }\n\n  .ledge-description .ledge-main-title {\n    margin-top: 18px;\n    font-size: clamp(44px, 6vw, 70px);\n    line-height: 1.04;\n    letter-spacing: -0.04em;\n  }\n\n  .ledge-description .ledge-editorial-heading {\n    margin: 18px 0 28px;\n    font-size: clamp(32px, 3.2vw, 42px);\n    line-height: 1.12;\n    letter-spacing: -0.035em;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  \/* INTRODUCTION *\/\n\n  .ledge-description .ledge-intro {\n    padding: 30px 0 72px;\n    text-align: center;\n  }\n\n  .ledge-description .ledge-intro-copy {\n    max-width: 780px;\n    margin: 26px auto 0;\n    font-size: 20px;\n    line-height: 1.9;\n  }\n\n  \/* MAIN PRODUCT IMAGE *\/\n\n  .ledge-description .ledge-full-image {\n    margin-bottom: 90px;\n  }\n\n  \/* CONTENT WIDTH *\/\n\n  .ledge-description .ledge-narrow-section {\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .ledge-description .ledge-spacer {\n    height: 110px;\n  }\n\n  \/* TWO-COLUMN SECTIONS *\/\n\n  .ledge-description .ledge-two-column {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    gap: clamp(56px, 8vw, 100px);\n    align-items: start;\n  }\n\n  \/* ENGINEERING INTRO *\/\n\n  .ledge-description .ledge-engineering-intro {\n    max-width: 820px;\n    margin: 0 auto 54px;\n    text-align: left;\n  }\n\n  .ledge-description .ledge-engineering-intro p {\n    max-width: 760px;\n  }\n\n  \/* LARGE BLUEPRINT SECTION *\/\n\n  .ledge-description .ledge-blueprint-section {\n    position: relative;\n    width: min(1700px, calc(100vw - 32px));\n    margin-left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .ledge-description .ledge-blueprint-frame {\n    width: 100%;\n    padding: 12px;\n    overflow: hidden;\n    background: #f4f0e9;\n    border: 1px solid rgba(23, 21, 19, 0.12);\n  }\n\n  .ledge-description .ledge-blueprint-image {\n    width: 100%;\n    height: auto;\n    margin: 0;\n  }\n\n  .ledge-description .ledge-blueprint-instruction {\n    display: none;\n    margin: 0 0 12px;\n    color: #9b7b51;\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  \/* ENGINEERING SPECIFICATIONS *\/\n\n  .ledge-description .ledge-engineering-details {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    gap: clamp(56px, 8vw, 100px);\n    align-items: start;\n    margin-top: 72px;\n  }\n\n  .ledge-description .ledge-engineering-summary {\n    max-width: 530px;\n  }\n\n  .ledge-description .ledge-engineering-summary p + p {\n    margin-top: 22px;\n  }\n\n  .ledge-description .ledge-specifications {\n    padding-top: 26px;\n    border-top: 1px solid #d7d0c7;\n  }\n\n  .ledge-description .ledge-specifications-title {\n    margin: 0 0 26px;\n    color: #171513;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .ledge-description .ledge-specification {\n    padding: 17px 0;\n    border-bottom: 1px solid #e1dbd3;\n  }\n\n  .ledge-description .ledge-specification:first-of-type {\n    padding-top: 0;\n  }\n\n  .ledge-description .ledge-specification strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #171513;\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .ledge-description .ledge-specification span {\n    color: #5d5750;\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  \/* COLLECTION *\/\n\n  .ledge-description .ledge-collection {\n    padding: 76px 60px;\n    background: #f6f2ec;\n    text-align: center;\n  }\n\n  .ledge-description .ledge-size-list {\n    margin-top: 26px;\n    color: #171513;\n    font-family: \"Libre Baskerville\", Georgia, serif;\n    font-size: 19px;\n    line-height: 2.1;\n  }\n\n  .ledge-description .ledge-collection-copy {\n    max-width: 680px;\n    margin: 34px auto 0;\n  }\n\n  \/* BUTTONS *\/\n\n  .ledge-description .ledge-actions {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-top: 38px;\n  }\n\n  .ledge-description .ledge-button {\n    min-height: 54px;\n    padding: 0 30px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #171513;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: 0.17em;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition:\n      transform 0.25s ease,\n      background 0.25s ease,\n      color 0.25s ease;\n  }\n\n  .ledge-description .ledge-button-primary {\n    color: #ffffff !important;\n    background: #171513;\n  }\n\n  .ledge-description .ledge-button-secondary {\n    color: #171513 !important;\n    background: transparent;\n  }\n\n  .ledge-description .ledge-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .ledge-description .ledge-button-primary:hover {\n    color: #ffffff !important;\n    background: #332f2a;\n  }\n\n  .ledge-description .ledge-button-secondary:hover {\n    color: #ffffff !important;\n    background: #171513;\n  }\n\n  \/* TABLET *\/\n\n  @media screen and (max-width: 900px) {\n    .ledge-description .ledge-engineering-details {\n      grid-template-columns: 1fr;\n      gap: 58px;\n    }\n\n    .ledge-description .ledge-engineering-summary {\n      max-width: 720px;\n    }\n  }\n\n  \/* MOBILE *\/\n\n  @media screen and (max-width: 749px) {\n    .ledge-description {\n      padding: 0 20px;\n    }\n\n    .ledge-description .ledge-intro {\n      padding: 16px 0 54px;\n    }\n\n    .ledge-description .ledge-main-title {\n      font-size: clamp(42px, 13vw, 58px);\n    }\n\n    .ledge-description .ledge-intro-copy {\n      margin-top: 22px;\n      font-size: 17px;\n      line-height: 1.8;\n    }\n\n    .ledge-description .ledge-full-image {\n      margin-bottom: 66px;\n    }\n\n    .ledge-description .ledge-spacer {\n      height: 72px;\n    }\n\n    .ledge-description .ledge-two-column,\n    .ledge-description .ledge-engineering-details {\n      display: block;\n    }\n\n    .ledge-description .ledge-two-column \u003e div,\n    .ledge-description .ledge-engineering-details \u003e div {\n      width: 100%;\n      max-width: 100%;\n    }\n\n    .ledge-description .ledge-two-column \u003e div + div,\n    .ledge-description .ledge-engineering-details \u003e div + div {\n      margin-top: 64px;\n    }\n\n    .ledge-description .ledge-editorial-heading {\n      margin: 16px 0 24px;\n      font-size: clamp(28px, 8.2vw, 38px);\n      line-height: 1.08;\n      letter-spacing: -0.035em;\n      overflow-wrap: normal;\n      word-break: normal;\n      hyphens: none;\n    }\n\n    .ledge-description .ledge-engineering-intro {\n      margin-bottom: 38px;\n    }\n\n    \/*\n      On mobile the blueprint remains large instead of shrinking.\n      Customers can swipe horizontally to read every detail.\n    *\/\n\n    .ledge-description .ledge-blueprint-section {\n      width: calc(100vw - 16px);\n    }\n\n    .ledge-description .ledge-blueprint-instruction {\n      display: block;\n    }\n\n    .ledge-description .ledge-blueprint-frame {\n      padding: 8px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      -webkit-overflow-scrolling: touch;\n      scroll-behavior: smooth;\n    }\n\n    .ledge-description .ledge-blueprint-image {\n      width: 1180px;\n      max-width: none;\n      height: auto;\n    }\n\n    .ledge-description .ledge-engineering-details {\n      margin-top: 58px;\n    }\n\n    .ledge-description .ledge-specifications {\n      margin-top: 0;\n    }\n\n    .ledge-description .ledge-collection {\n      padding: 60px 24px;\n    }\n\n    .ledge-description .ledge-size-list {\n      font-size: 17px;\n    }\n\n    .ledge-description .ledge-actions {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .ledge-description .ledge-button {\n      width: 100%;\n      min-height: 56px;\n    }\n  }\n\n  @media screen and (max-width: 380px) {\n    .ledge-description .ledge-editorial-heading {\n      font-size: 27px;\n      letter-spacing: -0.04em;\n    }\n\n    .ledge-description .ledge-blueprint-image {\n      width: 1100px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ledge-description\"\u003e\n\n  \u003c!-- INTRODUCTION --\u003e\n\n  \u003csection class=\"ledge-intro\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      Board \u0026amp; Grain\n    \u003c\/p\u003e\n\n    \u003ch2 class=\"ledge-main-title\"\u003e\n      The Ledge\n    \u003c\/h2\u003e\n\n    \u003cp class=\"ledge-intro-copy\"\u003e\n      An architectural floating shelf handcrafted from solid hardwood,\n      designed to become part of the room rather than simply hang on the wall.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MAIN PRODUCT IMAGE --\u003e\n\n  \u003cimg class=\"ledge-full-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/AFD96A38-7097-4D1F-A22D-0F2F683802AB.png?v=1783593214\" alt=\"The Ledge architectural solid hardwood floating shelf by Board and Grain\" loading=\"lazy\"\u003e\n\n  \u003c!-- PHILOSOPHY --\u003e\n\n  \u003csection class=\"ledge-narrow-section\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      The Philosophy\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Presence Without Excess\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      The strongest interiors are rarely defined by what is added. They are\n      defined by proportion, restraint, and the confidence to allow exceptional\n      materials to speak for themselves.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The Ledge was designed around this philosophy. A substantial two-inch\n      profile creates a bold architectural line, while concealed hardware\n      allows the shelf itself to remain the only visible element. The result\n      feels less like furniture and more like an intentional extension of the\n      home.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ENGINEERING INTRODUCTION --\u003e\n\n  \u003csection class=\"ledge-engineering-intro\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      Engineering\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Concealed by Design.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Every Ledge is supported by a precision-engineered concealed steel\n      mounting system designed to disappear once installed. Rather than relying\n      on exposed brackets or visible supports, the hardware becomes part of the\n      structure itself.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- LARGE ARCHITECTURAL BLUEPRINT --\u003e\n\n  \u003csection class=\"ledge-blueprint-section\"\u003e\n\n    \u003cp class=\"ledge-blueprint-instruction\"\u003e\n      Swipe horizontally to explore the mounting-system details\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ledge-blueprint-frame\"\u003e\n\n      \u003cimg class=\"ledge-blueprint-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/851AD187-2531-43E2-A2D9-0DE765DF4F56.png?v=1783948688\" alt=\"Architectural blueprint detailing The Ledge concealed steel mounting system\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ENGINEERING DETAILS --\u003e\n\n  \u003csection class=\"ledge-engineering-details\"\u003e\n\n    \u003cdiv class=\"ledge-engineering-summary\"\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Hidden Structure\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Strength Without Visual Weight.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Once installed, the bracket is completely concealed within the shelf.\n        This allows The Ledge to appear effortlessly suspended while maintaining\n        a strong connection to the wall structure.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        The mounting system creates the uninterrupted horizontal line that\n        defines The Ledge while providing the strength and stability required\n        for everyday use.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ledge-specifications\"\u003e\n\n      \u003cp class=\"ledge-specifications-title\"\u003e\n        Specifications\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eMaterial\u003c\/strong\u003e\n        \u003cspan\u003eSolid steel\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eFinish\u003c\/strong\u003e\n        \u003cspan\u003eBlack powder coat\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eShelf Profile\u003c\/strong\u003e\n        \u003cspan\u003e2 inches\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eStandard Depth\u003c\/strong\u003e\n        \u003cspan\u003e8 inches\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eInstallation\u003c\/strong\u003e\n        \u003cspan\u003eStructural stud mounting recommended\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ledge-specification\"\u003e\n        \u003cstrong\u003eIncluded\u003c\/strong\u003e\n        \u003cspan\u003eConcealed steel mounting hardware\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- MATERIAL AND MADE TO ORDER --\u003e\n\n  \u003csection class=\"ledge-two-column\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Material\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Solid Hardwood. Natural Character.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Each shelf is handcrafted from carefully selected solid hardwood and\n        finished by hand to highlight the depth, movement, and natural character\n        of the grain.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Because every board is unique, variations in color, grain pattern,\n        mineral streaking, and sapwood are expected. These natural distinctions\n        are not imperfections, but characteristics that ensure every Ledge is\n        one of a kind.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cp class=\"ledge-kicker\"\u003e\n        Made to Order\n      \u003c\/p\u003e\n\n      \u003ch3 class=\"ledge-editorial-heading\"\u003e\n        Built For Your Space.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        The Ledge is available in six carefully considered standard lengths,\n        each selected to complement a different scale of interior. Whether\n        creating a quiet architectural accent or spanning an expansive feature\n        wall, every size was chosen with proportion in mind.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Need something beyond the standard collection? Custom lengths, depths,\n        and wood species are available through the Board \u0026amp; Grain Concierge.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"ledge-spacer\"\u003e\u003c\/div\u003e\n\n  \u003c!-- COLLECTION AND LINKS --\u003e\n\n  \u003csection class=\"ledge-collection\"\u003e\n\n    \u003cp class=\"ledge-kicker\"\u003e\n      The Collection\n    \u003c\/p\u003e\n\n    \u003ch3 class=\"ledge-editorial-heading\"\u003e\n      Available Sizes\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"ledge-size-list\"\u003e\n      The Niche · 24\"\u003cbr\u003e\n      The Gallery · 30\"\u003cbr\u003e\n      The Atrium · 36\"\u003cbr\u003e\n      The Study · 42\"\u003cbr\u003e\n      The Loft · 48\"\u003cbr\u003e\n      The Pavilion · 60\"\n    \u003c\/div\u003e\n\n    \u003cp class=\"ledge-collection-copy\"\u003e\n      Not sure which size is right for your space? Explore the complete\n      Size \u0026amp; Placement Guide or work directly with the Board \u0026amp; Grain\n      Concierge for personalized recommendations, custom dimensions, and\n      wood-species guidance.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ledge-actions\"\u003e\n\n      \u003ca class=\"ledge-button ledge-button-primary\" href=\"https:\/\/theboardandgrain.com\/pages\/the-ledge-sizing-guide\"\u003e\n        Explore the Size Guide\n      \u003c\/a\u003e\n\n      \u003ca class=\"ledge-button ledge-button-secondary\" href=\"https:\/\/theboardandgrain.com\/pages\/board-and-grain-concierge\"\u003e\n        Contact the Concierge\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Board \u0026 Grain","offers":[{"title":"The Niche — 24 × 8 × 2 in \/ Walnut","offer_id":48163213213917,"sku":"LEDGE-WAL-24X8X2","price":325.0,"currency_code":"USD","in_stock":true},{"title":"The Gallery — 30 × 8 × 2 in \/ Walnut","offer_id":48163213246685,"sku":"LEDGE-WAL-30X8X2","price":385.0,"currency_code":"USD","in_stock":true},{"title":"The Atrium — 36 × 8 × 2 in \/ Walnut","offer_id":48163213279453,"sku":"LEDGE-WAL-36X8X2","price":455.0,"currency_code":"USD","in_stock":true},{"title":"The Study — 42 × 8 × 2 in \/ Walnut","offer_id":48163213312221,"sku":"LEDGE-WAL-42X8X2","price":535.0,"currency_code":"USD","in_stock":true},{"title":"The Loft — 48 × 8 × 2 in \/ Walnut","offer_id":48163213344989,"sku":"LEDGE-WAL-48X8X2","price":625.0,"currency_code":"USD","in_stock":true},{"title":"The Pavilion — 60 × 8 × 2 in \/ Walnut","offer_id":48163213377757,"sku":"LEDGE-WAL-60X8X2","price":845.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/8586\/4413\/files\/5B432C1F-7443-4EDA-B892-F1AC3CB9B068.png?v=1784024490","url":"https:\/\/theboardandgrain.com\/products\/the-ledge-architectural-floating-shelf","provider":"Board \u0026 Grain ","version":"1.0","type":"link"}