Brand Team - Navigation Flyouts - Pattern Library

Brand Team - Main Navigation Flyouts

Category Flyouts - CMS Content
- Crate Category Flyout
- Kids Category Flyout
Inspiration and Design Services Flyouts - CMS Content

Category Flyouts - CMS Content

These use the same base code for the individual item.
Color and font-weight differences between Crate&Barrel and Crate&Kids are automatically styled, no exta classes for the items are required.

Crate Category Flyout

Sweet traditions.

Now Featuring

Kids Category Flyout

Naturally snuggly. Shop Oraganic Bedding

Ideas and Advice

Inspiration and Design Services Flyouts - CMS Content

These all use the same base code for the individual items.
All do support eyebrow text, call to action text, and Inspo Nav list.
The Inspiration demos contain the Inspo Nav.
The Crate Inspiration demo also contains The Frame logo.
Color and font-weight differences between Crate&Barrel and Crate&Kids are automatically styled, no exta classes for the items are required.

Crate Inspiration Flyout

Athena's Beet Ravioli Try lifestyle guru Athena Calderone's festive pasta recipe.

Cocktails To Warm Up With 'Tis the season for wintertime libations. See our must-try recipes.

Hot Cocoa Bar Ideas Marshmallows? Just the beginning. Take it from @howsweeteats.

<svg class="svg-logo-the-frame-fo" role="img" aria-label="THE FRAME a blog by Crate and Barrel" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 337 41">
    <path d="M141.2,34.2c-1.3,0-2.4,0-3.8,0c0-3.7,0-7.2,0-10.8c-0.1,0-0.3,0-0.4,0c-0.8,3.6-1.6,7.2-2.5,10.8c-1.2,0-2.4,0-3.9,0 c-0.8-3.6-1.6-7.2-2.5-10.8c-0.1,0-0.2,0-0.3,0c0,3.6,0,7.2,0,10.9c-1.5,0-2.7,0-4,0c0-9.3,0-18.6,0-27.9c1.5,0,2.8,0,4.5,0 c1.3,6,2.7,12,4,18c0.2,0,0.3,0,0.5,0c1.3-6,2.7-12,4-18c1.5,0,2.8,0,4.2,0C141.2,15.5,141.2,24.7,141.2,34.2z"></path>
    <path d="M108.4,6.3c1.7,0,3.1,0,4.9,0c2,9.2,4.1,18.4,6.1,27.8c-1.4,0-2.6,0-3.9,0c-0.4-1.7-0.8-3.5-1.3-5.4c-1.8,0-3.5,0-5.5,0 c-0.3,1.6-0.6,3.5-1,5.4c-1.3,0-2.4,0-3.9,0C105.3,24.9,106.8,15.7,108.4,6.3z M113.4,25.1c-0.8-3.6-1.5-6.9-2.4-10.8 c-0.7,4-1.2,7.4-1.8,10.8C110.8,25.1,112,25.1,113.4,25.1z"></path>
    <path d="M15.3,9.2c-1.4,0-2.7,0-4.3,0c0,8.4,0,16.6,0,24.9c-1.4,0-2.6,0-4,0c0-8.2,0-16.4,0-24.7C5.6,9.3,4.3,9.2,2.8,9.1 c0-1,0-1.9,0-2.9c4.2,0,8.3,0,12.5,0C15.3,7.1,15.3,8,15.3,9.2z"></path>
    <path d="M91.6,17.9c1.4-0.1,2.4-0.2,3.6-0.4c0-2.7,0-5.3,0-8.2c-1.1-0.1-2.2-0.2-3.4-0.3c0-1,0-1.8,0-3c2,0,3.9-0.2,5.8,0.1 c0.6,0.1,1.6,1.3,1.6,2c0.2,3.4,0.3,6.9,0,10.3c-0.1,1.1-1.5,2-2.6,3.5c0.7,3.4,1.7,7.6,2.6,11.9c-1.4,0-2.6,0-4,0 C94,28.8,92.8,23.5,91.6,17.9z"></path>
    <path d="M31.6,34.2c-1.3,0-2.4,0-3.8,0c0-4.5,0-8.8,0-13.4c-1.4-0.1-2.5-0.1-3.8-0.2c0-1.1,0-2,0-3.3c1.1-0.1,2.3-0.1,3.7-0.2 c0-3.6,0-7.2,0-10.9c1.4,0,2.6,0,3.9,0C31.6,15.5,31.6,24.8,31.6,34.2z"></path>
    <path d="M145.8,6.2c1.3,0,2.5,0,3.8,0c0,9.3,0,18.6,0,27.9c-1.3,0-2.4,0-3.8,0C145.8,24.9,145.8,15.7,145.8,6.2z"></path>
    <path d="M19.6,6.2c1.3,0,2.5,0,3.8,0c0,9.4,0,18.6,0,27.9c-1.3,0-2.5,0-3.8,0C19.6,24.9,19.6,15.6,19.6,6.2z"></path>
    <path d="M87.3,6.2c1.3,0,2.5,0,3.8,0c0,9.3,0,18.6,0,27.9c-1.3,0-2.4,0-3.8,0C87.3,24.9,87.3,15.7,87.3,6.2z"></path>
    <path d="M74.3,6.3c0,9.3,0,18.5,0,27.9c-1.3,0-2.4,0-3.8,0c0-9.2,0-18.5,0-27.9C71.8,6.3,73,6.3,74.3,6.3z"></path>
    <path d="M37.5,6.2c1.2,0,2.3,0,3.5,0c0,9.3,0,18.6,0,27.9c-1.2,0-2.3,0-3.5,0C37.5,24.9,37.5,15.6,37.5,6.2z"></path>
    <path d="M156.4,20.6c-2.1,0-4,0-6.1,0c0-1.1,0-2.1,0-3.3c2,0,4,0,6.1,0C156.4,18.5,156.4,19.5,156.4,20.6z"></path>
    <path d="M41.8,20.6c0-1.1,0-2.1,0-3.2c2,0,3.9,0,6.1,0c0,1.1,0,2.1,0,3.2C45.8,20.6,43.9,20.6,41.8,20.6z"></path>
    <path d="M81,17.3c0,1.1,0,2.1,0,3.2c-1.9,0-3.8,0-5.9,0c0-1,0-2.1,0-3.2C77.1,17.3,78.9,17.3,81,17.3z"></path>
    <path d="M150.3,31.1c2.1,0,4.1,0,6.1,0c0,1,0,1.9,0,2.9c-2,0-4,0-6.1,0C150.3,33.2,150.3,32.3,150.3,31.1z"></path>
    <path d="M47.9,31.2c0,1,0,1.9,0,3c-2,0-4,0-6.1,0c0-1,0-1.9,0-3C43.8,31.2,45.8,31.2,47.9,31.2z"></path>
    <path d="M156.5,9.1c-2.2,0-4.1,0-6.2,0c0-1,0-1.9,0-2.9c2.1,0,4.1,0,6.2,0C156.5,7.2,156.5,8.2,156.5,9.1z"></path>
    <path d="M75.1,6.2c2.1,0,3.9,0,5.9,0c0,1,0,1.9,0,2.9c-2,0-3.9,0-5.9,0C75.1,8.1,75.1,7.2,75.1,6.2z"></path>
    <path d="M41.8,9c0-1,0-1.9,0-2.8c2.1,0,4,0,6.1,0c0,0.9,0,1.8,0,2.8C45.8,9,43.8,9,41.8,9z"></path>
    <g>
        <path d="M176.3,29c0.4,0,0.7-0.1,0.8-0.2c0.3-0.1,0.5-0.3,0.5-0.6c0-0.3-0.1-0.6-0.3-0.7c-0.2-0.1-0.6-0.2-1-0.2 c-0.5,0-0.9,0.1-1.1,0.4c-0.1,0.2-0.2,0.4-0.3,0.7h-2c0-0.7,0.2-1.3,0.6-1.7c0.6-0.7,1.5-1.1,2.9-1.1c0.9,0,1.7,0.2,2.3,0.5 c0.7,0.3,1,1,1,2v3.7c0,0.3,0,0.6,0,0.9c0,0.3,0.1,0.5,0.1,0.6s0.2,0.2,0.3,0.2v0.3h-2.3c-0.1-0.2-0.1-0.3-0.1-0.5s0-0.3-0.1-0.5 c-0.3,0.3-0.6,0.6-1,0.8c-0.5,0.3-1,0.4-1.5,0.4c-0.7,0-1.3-0.2-1.8-0.6c-0.5-0.4-0.7-1-0.7-1.8c0-1,0.4-1.7,1.1-2.1 c0.4-0.2,1-0.4,1.8-0.5L176.3,29z M177.6,30c-0.1,0.1-0.3,0.2-0.4,0.2c-0.1,0.1-0.3,0.1-0.6,0.1l-0.5,0.1c-0.4,0.1-0.8,0.2-1,0.3 c-0.3,0.2-0.5,0.5-0.5,0.9c0,0.4,0.1,0.6,0.3,0.8c0.2,0.2,0.4,0.2,0.7,0.2c0.5,0,0.9-0.1,1.3-0.4c0.4-0.3,0.6-0.7,0.6-1.4V30z"></path>
        <path d="M192.5,26.8c0.6,0.8,0.9,1.7,0.9,2.9c0,1.2-0.3,2.3-0.9,3.1S191.1,34,190,34c-0.7,0-1.2-0.1-1.6-0.4 c-0.2-0.2-0.5-0.4-0.8-0.8v1h-2.1V23.1h2.1v3.8c0.3-0.4,0.6-0.7,0.9-0.8c0.4-0.2,0.9-0.4,1.4-0.4C191,25.7,191.9,26.1,192.5,26.8z M190.7,31.7c0.3-0.4,0.5-1,0.5-1.7c0-0.6-0.1-1-0.2-1.4c-0.3-0.7-0.8-1.1-1.6-1.1c-0.8,0-1.3,0.3-1.6,1c-0.1,0.4-0.2,0.8-0.2,1.4 c0,0.7,0.2,1.2,0.5,1.7c0.3,0.4,0.8,0.7,1.4,0.7C190,32.3,190.4,32.1,190.7,31.7z"></path>
        <path d="M196.9,33.8h-2.1V23h2.1V33.8z"></path>
        <path d="M205.6,32.9c-0.7,0.8-1.7,1.2-3.1,1.2s-2.4-0.4-3.1-1.2s-1-1.8-1-3c0-1.2,0.3-2.1,1-3s1.7-1.3,3.1-1.3s2.4,0.4,3.1,1.3 s1,1.8,1,3C206.6,31,206.3,32,205.6,32.9z M204,31.7c0.3-0.4,0.5-1.1,0.5-1.9s-0.2-1.4-0.5-1.8s-0.8-0.6-1.4-0.6s-1.1,0.2-1.4,0.6 c-0.3,0.4-0.5,1-0.5,1.8s0.2,1.4,0.5,1.9c0.3,0.4,0.8,0.7,1.4,0.7S203.6,32.1,204,31.7z"></path>
        <path d="M212.1,25.8c0.5,0.2,0.9,0.6,1.2,1.2v-1.1h2v7.6c0,1-0.2,1.8-0.5,2.3c-0.6,0.9-1.7,1.3-3.4,1.3c-1,0-1.9-0.2-2.5-0.6 s-1-1-1.1-1.8h2.3c0.1,0.2,0.2,0.4,0.3,0.5c0.2,0.2,0.6,0.3,1.1,0.3c0.8,0,1.3-0.3,1.5-0.8c0.2-0.3,0.2-0.9,0.2-1.6v-0.5 c-0.2,0.3-0.4,0.6-0.6,0.8c-0.4,0.3-1,0.5-1.6,0.5c-1,0-1.8-0.4-2.5-1.1c-0.6-0.7-0.9-1.7-0.9-2.9c0-1.2,0.3-2.2,0.9-3 c0.6-0.8,1.4-1.2,2.5-1.2C211.4,25.7,211.8,25.7,212.1,25.8z M212.8,31.6c0.3-0.4,0.5-1,0.5-1.8c0-0.8-0.2-1.3-0.5-1.7 s-0.7-0.6-1.3-0.6c-0.7,0-1.2,0.3-1.5,1c-0.1,0.4-0.2,0.8-0.2,1.4c0,0.5,0.1,0.9,0.2,1.2c0.3,0.7,0.8,1,1.5,1 C212.1,32.1,212.5,31.9,212.8,31.6z"></path>
        <path d="M228.3,26.8c0.6,0.8,0.9,1.7,0.9,2.9c0,1.2-0.3,2.3-0.9,3.1s-1.4,1.2-2.5,1.2c-0.7,0-1.2-0.1-1.6-0.4 c-0.2-0.2-0.5-0.4-0.8-0.8v1h-2.1V23.1h2.1v3.8c0.3-0.4,0.6-0.7,0.9-0.8c0.4-0.2,0.9-0.4,1.4-0.4C226.9,25.7,227.7,26.1,228.3,26.8 z M226.5,31.7c0.3-0.4,0.5-1,0.5-1.7c0-0.6-0.1-1-0.2-1.4c-0.3-0.7-0.8-1.1-1.6-1.1c-0.8,0-1.3,0.3-1.6,1c-0.1,0.4-0.2,0.8-0.2,1.4 c0,0.7,0.2,1.2,0.5,1.7c0.3,0.4,0.8,0.7,1.4,0.7C225.8,32.3,226.2,32.1,226.5,31.7z"></path>
        <path d="M231,35.4l0.3,0c0.2,0,0.4,0,0.6,0s0.3-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.3-0.5c0.1-0.3,0.1-0.4,0.1-0.5l-2.9-8.3h2.3l1.7,5.9 l1.6-5.9h2.2l-2.7,7.9c-0.5,1.5-0.9,2.5-1.3,2.8c-0.3,0.4-0.9,0.5-1.8,0.5c-0.2,0-0.3,0-0.4,0c-0.1,0-0.3,0-0.5,0V35.4z"></path>
        <path d="M244.3,24.2c0.9-0.9,2-1.3,3.3-1.3c1.8,0,3.1,0.6,3.9,1.8c0.5,0.7,0.7,1.3,0.7,2h-2.3c-0.1-0.5-0.3-0.9-0.6-1.2 c-0.4-0.5-1-0.7-1.8-0.7c-0.8,0-1.4,0.3-1.9,1c-0.5,0.7-0.7,1.6-0.7,2.8s0.2,2.1,0.7,2.7c0.5,0.6,1.1,0.9,1.9,0.9 c0.8,0,1.4-0.3,1.8-0.8c0.2-0.3,0.4-0.7,0.6-1.3h2.2c-0.2,1.2-0.7,2.1-1.5,2.9c-0.8,0.7-1.8,1.1-3.1,1.1c-1.5,0-2.7-0.5-3.6-1.5 c-0.9-1-1.3-2.4-1.3-4.1C242.8,26.6,243.3,25.2,244.3,24.2z"></path>
        <path d="M258.4,25.7c0,0,0.1,0,0.2,0v2.1c-0.1,0-0.2,0-0.4,0c-0.1,0-0.2,0-0.2,0c-0.8,0-1.4,0.3-1.7,0.8c-0.2,0.3-0.2,0.8-0.2,1.4 v3.8H254v-8h2v1.4c0.3-0.5,0.6-0.9,0.8-1.1C257.2,25.8,257.7,25.7,258.4,25.7C258.4,25.7,258.4,25.7,258.4,25.7z"></path>
        <path d="M263,29c0.4,0,0.7-0.1,0.8-0.2c0.3-0.1,0.5-0.3,0.5-0.6c0-0.3-0.1-0.6-0.3-0.7c-0.2-0.1-0.6-0.2-1-0.2 c-0.5,0-0.9,0.1-1.1,0.4c-0.1,0.2-0.2,0.4-0.3,0.7h-2c0-0.7,0.2-1.3,0.6-1.7c0.6-0.7,1.5-1.1,2.9-1.1c0.9,0,1.7,0.2,2.3,0.5 c0.7,0.3,1,1,1,2v3.7c0,0.3,0,0.6,0,0.9c0,0.3,0.1,0.5,0.1,0.6s0.2,0.2,0.3,0.2v0.3h-2.3c-0.1-0.2-0.1-0.3-0.1-0.5s0-0.3-0.1-0.5 c-0.3,0.3-0.6,0.6-1,0.8c-0.5,0.3-1,0.4-1.5,0.4c-0.7,0-1.3-0.2-1.8-0.6c-0.5-0.4-0.7-1-0.7-1.8c0-1,0.4-1.7,1.1-2.1 c0.4-0.2,1-0.4,1.8-0.5L263,29z M264.3,30c-0.1,0.1-0.3,0.2-0.4,0.2c-0.1,0.1-0.3,0.1-0.6,0.1l-0.5,0.1c-0.4,0.1-0.8,0.2-1,0.3 c-0.3,0.2-0.5,0.5-0.5,0.9c0,0.4,0.1,0.6,0.3,0.8c0.2,0.2,0.4,0.2,0.7,0.2c0.5,0,0.9-0.1,1.3-0.4c0.4-0.3,0.6-0.7,0.6-1.4V30z"></path>
        <path d="M267.3,27.4v-1.5h1.1v-2.2h2.1v2.2h1.3v1.5h-1.3v4.2c0,0.3,0,0.5,0.1,0.6c0.1,0.1,0.3,0.1,0.8,0.1c0.1,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.2,0v1.6l-1,0c-1,0-1.7-0.1-2-0.5c-0.2-0.2-0.4-0.6-0.4-1.1v-4.9H267.3z"></path>
        <path d="M278.4,26c0.6,0.2,1,0.6,1.4,1.2c0.3,0.5,0.5,1,0.6,1.7c0.1,0.4,0.1,0.9,0.1,1.6h-5.8c0,0.8,0.3,1.4,0.8,1.7 c0.3,0.2,0.7,0.3,1.2,0.3c0.5,0,0.9-0.1,1.2-0.4c0.2-0.1,0.3-0.3,0.4-0.5h2.1c-0.1,0.5-0.3,1-0.8,1.4c-0.7,0.8-1.7,1.2-3,1.2 c-1.1,0-2-0.3-2.8-1c-0.8-0.7-1.2-1.7-1.2-3.2c0-1.4,0.4-2.4,1.1-3.2c0.7-0.7,1.7-1.1,2.9-1.1C277.2,25.6,277.8,25.8,278.4,26z M275.2,27.8c-0.3,0.3-0.5,0.7-0.6,1.2h3.6c0-0.6-0.2-1-0.6-1.3c-0.3-0.3-0.7-0.4-1.2-0.4C275.9,27.4,275.5,27.5,275.2,27.8z"></path>
        <path d="M281.8,29.3c0.3-0.5,0.8-0.9,1.6-1.4l0.2-0.1c-0.3-0.4-0.6-0.7-0.7-1.1c-0.2-0.4-0.3-0.7-0.3-1.1c0-0.8,0.3-1.4,0.8-1.8 c0.5-0.4,1.2-0.7,2.1-0.7c0.8,0,1.4,0.2,1.9,0.7c0.5,0.5,0.8,1,0.8,1.7c0,0.6-0.2,1.2-0.5,1.5s-0.7,0.8-1.3,1.1L288,30 c0.2-0.3,0.3-0.5,0.4-0.8c0.1-0.3,0.1-0.6,0.2-0.9h1.9c0,0.7-0.2,1.3-0.5,2c-0.2,0.4-0.4,0.8-0.8,1.2l2,2.3h-2.5l-0.8-0.9 c-0.4,0.3-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.4-1.9,0.4c-1.1,0-2-0.3-2.6-1c-0.6-0.6-0.9-1.4-0.9-2.1C281.3,30.3,281.5,29.8,281.8,29.3z M283.9,31.9c0.3,0.3,0.7,0.4,1.1,0.4c0.3,0,0.7-0.1,1-0.2s0.6-0.3,0.8-0.5l-2-2.5c-0.5,0.3-0.9,0.7-1,0.9 c-0.2,0.3-0.3,0.6-0.3,0.9C283.4,31.3,283.6,31.6,283.9,31.9z M284.8,26.1c0.1,0.1,0.3,0.4,0.6,0.8c0.3-0.2,0.5-0.4,0.7-0.5 c0.3-0.3,0.4-0.6,0.4-0.9c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.2,0-0.4,0.1-0.5,0.2c-0.3,0.2-0.4,0.4-0.4,0.7 C284.6,25.7,284.6,25.9,284.8,26.1z"></path>
        <path d="M300.5,24.2c0.3,0.5,0.5,1,0.5,1.6c0,0.7-0.2,1.2-0.5,1.6c-0.2,0.2-0.5,0.4-0.8,0.6c0.6,0.2,1,0.5,1.2,1 c0.3,0.4,0.4,1,0.4,1.6c0,0.6-0.2,1.2-0.5,1.7c-0.2,0.3-0.5,0.6-0.8,0.8c-0.3,0.3-0.8,0.4-1.2,0.5s-1,0.1-1.5,0.1h-4.9V23h5.2 C299.1,23.1,300,23.4,300.5,24.2z M294.7,24.9v2.4h2.6c0.5,0,0.8-0.1,1.1-0.3c0.3-0.2,0.4-0.5,0.4-0.9c0-0.5-0.2-0.8-0.6-1 c-0.3-0.1-0.8-0.2-1.3-0.2H294.7z M294.7,29.1V32h2.6c0.5,0,0.8-0.1,1.1-0.2c0.5-0.2,0.7-0.7,0.7-1.3c0-0.6-0.2-0.9-0.7-1.2 c-0.3-0.1-0.6-0.2-1.1-0.2H294.7z"></path>
        <path d="M306.3,29c0.4,0,0.7-0.1,0.8-0.2c0.3-0.1,0.5-0.3,0.5-0.6c0-0.3-0.1-0.6-0.3-0.7c-0.2-0.1-0.6-0.2-1-0.2 c-0.5,0-0.9,0.1-1.1,0.4c-0.1,0.2-0.2,0.4-0.3,0.7h-2c0-0.7,0.2-1.3,0.6-1.7c0.6-0.7,1.5-1.1,2.9-1.1c0.9,0,1.7,0.2,2.3,0.5 c0.7,0.3,1,1,1,2v3.7c0,0.3,0,0.6,0,0.9c0,0.3,0.1,0.5,0.1,0.6s0.2,0.2,0.3,0.2v0.3h-2.3c-0.1-0.2-0.1-0.3-0.1-0.5s0-0.3-0.1-0.5 c-0.3,0.3-0.6,0.6-1,0.8c-0.5,0.3-1,0.4-1.5,0.4c-0.7,0-1.3-0.2-1.8-0.6c-0.5-0.4-0.7-1-0.7-1.8c0-1,0.4-1.7,1.1-2.1 c0.4-0.2,1-0.4,1.8-0.5L306.3,29z M307.6,30c-0.1,0.1-0.3,0.2-0.4,0.2c-0.1,0.1-0.3,0.1-0.6,0.1l-0.5,0.1c-0.4,0.1-0.8,0.2-1,0.3 c-0.3,0.2-0.5,0.5-0.5,0.9c0,0.4,0.1,0.6,0.3,0.8c0.2,0.2,0.4,0.2,0.7,0.2c0.5,0,0.9-0.1,1.3-0.4c0.4-0.3,0.6-0.7,0.6-1.4V30z"></path>
        <path d="M315.9,25.7c0,0,0.1,0,0.2,0v2.1c-0.1,0-0.2,0-0.4,0c-0.1,0-0.2,0-0.2,0c-0.8,0-1.4,0.3-1.7,0.8c-0.2,0.3-0.2,0.8-0.2,1.4 v3.8h-2.1v-8h2v1.4c0.3-0.5,0.6-0.9,0.8-1.1C314.7,25.8,315.2,25.7,315.9,25.7C315.9,25.7,315.9,25.7,315.9,25.7z"></path>
        <path d="M321.8,25.7c0,0,0.1,0,0.2,0v2.1c-0.1,0-0.2,0-0.4,0c-0.1,0-0.2,0-0.2,0c-0.8,0-1.4,0.3-1.7,0.8c-0.2,0.3-0.2,0.8-0.2,1.4 v3.8h-2.1v-8h2v1.4c0.3-0.5,0.6-0.9,0.8-1.1C320.5,25.8,321.1,25.7,321.8,25.7C321.7,25.7,321.7,25.7,321.8,25.7z"></path>
        <path d="M328.4,26c0.6,0.2,1,0.6,1.4,1.2c0.3,0.5,0.5,1,0.6,1.7c0.1,0.4,0.1,0.9,0.1,1.6h-5.8c0,0.8,0.3,1.4,0.8,1.7 c0.3,0.2,0.7,0.3,1.2,0.3c0.5,0,0.9-0.1,1.2-0.4c0.2-0.1,0.3-0.3,0.4-0.5h2.1c-0.1,0.5-0.3,1-0.8,1.4c-0.7,0.8-1.7,1.2-3,1.2 c-1.1,0-2-0.3-2.8-1c-0.8-0.7-1.2-1.7-1.2-3.2c0-1.4,0.4-2.4,1.1-3.2c0.7-0.7,1.7-1.1,2.9-1.1C327.2,25.6,327.8,25.8,328.4,26z M325.3,27.8c-0.3,0.3-0.5,0.7-0.6,1.2h3.6c0-0.6-0.2-1-0.6-1.3c-0.3-0.3-0.7-0.4-1.2-0.4C326,27.4,325.6,27.5,325.3,27.8z"></path>
        <path d="M333.7,33.8h-2.1V23h2.1V33.8z"></path>
    </g>
</svg>

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/the-frame/beet-and-ricotta-ravioli">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/cb_InspFlyout_BeetRavioli?wid=228&qlt=75&op_sharpen=1" />
        <span class="nav-fo-h">
            Athena's Beet Ravioli
        </span>
        <span class="nav-fo-copy">
            Try lifestyle guru Athena Calderone's festive pasta recipe.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/kids/leanne-ford">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/cb_dFO_20201125_WarmingCocktail?wid=228&qlt=75&op_sharpen=1" />
        <span class="nav-fo-h">
            Cocktails To Warm Up With
        </span>
        <span class="nav-fo-copy">
            'Tis the season for wintertime libations. See our must-try recipes.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/the-frame/christmas-brunch-recipe">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/cb_dFO_20201125_CocoBar?wid=228&qlt=75&op_sharpen=1" />
        <span class="nav-fo-h">
            Hot Cocoa Bar Ideas
        </span>
        <span class="nav-fo-copy">
            Marshmallows? Just the beginning. Take it from @howsweeteats.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <ul class="nav-fo-list">
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/the-frame/interior-design/">
                Interior Design
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/the-frame/food-and-drink/">
                Food & Drink
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/the-frame/wedding/">
                Weddings
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/the-frame/lifestyle/">
                Lifestyle
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/shop-by-room/">
                Rooms We Love
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/cratestyle">
                #CrateStyle
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/leanne-ford">
                Leanne Ford Collection
            </a>
        </li>
    </ul>
</div>

Crate Design Services Flyout

Crate Design Services Design help, big or small. Online, in-store and completely free. Get Started

Business Sales From design through installation, our dedicated team puts your project first. Learn More

Design Trade Program Sign up today and enjoy exclusive savings at both our brands. Sign Up

Kids Inspiration Flyout

Just Dropped Fall Lookbook Tour the coolest kids' rooms, shop the newest trends + get design inspo from real families.

Design Inspo Totally Unique Tween Rooms Create a bedroom that captures their growing personality—a place where they can be themselves and explore their own style POV.

Now Introducing Leanne Ford Kids Collection A fresh lineup of furniture, decor and accessories designed for kids (and parents) who love to create, play and make magic together.

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/kids/fall-lookbook">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/ck_dFO_20201006_KidsLookbook" />
        <span class="nav-fo-eb">
            Just Dropped
        </span>
        <span class="nav-fo-h">
            Fall Lookbook
        </span>
        <span class="nav-fo-copy">
            Tour the coolest kids' rooms, shop the newest trends + get design inspo from real families.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/kids/tween-room-ideas">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/ck_dFO_202007_Inspo_RWL" />
        <span class="nav-fo-eb">
            Design Inspo
        </span>
        <span class="nav-fo-h">
            Totally Unique Tween Rooms
        </span>
        <span class="nav-fo-copy">
            Create a bedroom that captures their growing personality—a place where they can be themselves and explore their own style POV.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <a class="nav-fo-a" href="/kids/leanne-ford">
        <img alt="" class="nav-fo-img lazyload" src="//images.crateandbarrel.com/is/image/Crate/ck_dFO_20200916_LeanneFord" />
        <span class="nav-fo-eb">
            Now Introducing
        </span>
        <span class="nav-fo-h">
            Leanne Ford Kids Collection
        </span>
        <span class="nav-fo-copy">
            A fresh lineup of furniture, decor and accessories designed for kids (and parents) who love to create, play and make magic together.
        </span>
    </a>
</div>

<div class="nav-fo-inspo-cms">
    <ul class="nav-fo-list">
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/whats-new/new-baby-and-kids/">
                What's New
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids-crate-style">
                #CrateKidsStyle
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids/leanne-ford">
                Leanne Ford Collection
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids/fall-lookbook">
                Fall Lookbook
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids-room-ideas/">
                Rooms We Love
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids/tween-room-ideas">
                Tween Designs
            </a>
        </li>
        <li class="nav-fo-item">
            <a class="nav-fo-link" href="/kids/kids-gifts/">
                Gift Ideas
            </a>
        </li>
    </ul>
</div>