Skip to content
Nook, home

A Shopify theme for furniture and home stores

Measured calm for furniture that fits.

See the three stylesSee what's built in

Nook is a Shopify (opens in a new tab) theme for brands selling considered pieces: made-to-order sofas and tables, lighting, outdoor furniture. Three styles, calm editorial pages, and size, material and delivery shown clearly.

A cream sofa in an empty, sunlit living room with oak floors

Section 1: Three styles

One theme, three styles.

Each style has its own colors, fonts, layout and home page, made for a different kind of store. Pick one when you add Nook, then change any of it in the theme editor.

The Nook demo store's home page: a full-height photo of a cream sofa in a sunlit room under a transparent header, with the headline Rooms that hold you.
The Nook demo store's home page on a phone
Screenshots from each style's demo store.

For furniture stores

Nook

Light and editorial, set in Inter. Suited to made-to-order sofas, beds and oak furniture.

Headings
Inter
Home page
Opens on a full-height hero video
Header
Transparent over the hero
Product cards
Portrait, second image on hover
Buttons
Pill
Cart
Drawer

Color schemes

  • Parchment
  • Linen
  • Shore
  • Midnight

A style only sets starting values. Colors, fonts and sections all stay editable.

The Umber demo store's home page: a dark, full-screen slideshow of glowing glass pendants above a dining table, with the serif headline Light, shaped by hand.
The Umber demo store's home page on a phone
Screenshots from each style's demo store.

For lighting and home accents

Umber

Dark and gallery-like, with Instrument Serif headings. Product first, for a catalog of lamps and objects.

Headings
Instrument Serif
Home page
Opens on a full-screen collection slideshow
Header
Logo centered, menu below, mega menu
Product cards
Square, with quick view
Buttons
Square
Cart
Drawer with recommendations

Color schemes

  • Umber Night
  • Smoked Walnut
  • Plaster
  • Kiln Black

A style only sets starting values. Colors, fonts and sections all stay editable.

The Shore demo store's home page: teak lounge chairs on a terrace above the sea at sunset, with the headline Made for the long evenings.
The Shore demo store's home page on a phone
Screenshots from each style's demo store.

For outdoor furniture

Shore

Bright, cool and coastal, with Jost headings. Suited to a small maker with a few pieces to show well.

Headings
Jost
Home page
Opens on a full-height hero video
Header
Transparent over the hero, logo left
Product cards
Portrait, rounded image corners
Buttons
Rounded
Cart
Cart page

Color schemes

  • Salt White
  • Sea Mist
  • Dune
  • Harbor

A style only sets starting values. Colors, fonts and sections all stay editable.

Furniture is bought slowly. Nook gives each piece room, then answers the questions that come before the cart: will it fit, what is it made of, and when will it arrive.

Section 2: Built for furniture

The details buyers check twice.

  1. A Nook product card for a three-seat sofa, with its width, depth and height on a dimension line

    Width, depth, height, seat height and the narrowest point show as a dimension line on product cards, a table on the product page and lines drawn on the first product image. Use Nook's metafields, or connect the ones your products already have.

    W 86 in · D 38 in · H 32 in
  2. The Will it fit drawer: the sofa's narrowest point above fields for doorway, hallway and stairwell widths

    The fit note shows a piece's narrowest point. The fit checker compares it with the doorway, hallway and stairwell widths a shopper enters. It runs in the browser, and nothing is sent anywhere.

    Narrowest point 36 in
  3. The Nook cart drawer with a sofa that ships in 6 to 8 weeks, product recommendations and a delivery note

    Each product can say when it ships. It shows in the cart, and on the product page once you connect it to a text block. Leave it empty and it stays out of the way.

    Ships in 6–8 weeks

  4. Glass swatches on an Umber product page: opal, smoke and amber circles above add to cart

    Swatches come from Shopify (opens in a new tab)'s category metafields: fabric photos as image tiles, flat colors as circles, like the glass options in the Umber style. Picking one moves the gallery to that variant's image.

    Opal · Smoke · Amber glass

  5. Product tabs on a Nook product page, with Materials open above Dimensions, Care and Delivery and returns

    Materials and Care tabs connect to metafields, so each product shows its own. They stay hidden until they have content.

    Materials · Dimensions · Care

  6. A Nook collection page opening with the line Sofas for sinking into and a short intro, on a phone

    Each collection can open with a tagline and a few key figures, set in collection metafields.

    Made to order

Section 3: The product page

What a buyer checks, on one page.

A big purchase comes with questions. The product page answers them before the shopper has to ask, starting with the width and height drawn on the first image.

The Nook product page for a three-seat sofa: fabric swatches, seat depth, add to cart, the narrowest point, a lead time line and an open Dimensions tab

  1. Image tiles for fabrics, color circles for finishes.

  2. The narrowest point, with a link to check it fits through a doorway.

  3. Ships in 6–8 weeks: in the cart, and on the page once connected.

  4. Width, depth, height, seat height and the narrowest point, in their own tab.

A short tour of Nook

Nook demo store · 44 s

The Nook demo store in use: the mega menu, measurement lines on the product image, fabric swatches, the fit checker, the cart drawer with lead times, and predictive search.

Section 4: Editorial sections

Room for the story.

Sections made for large photography and slow pacing, shown here in all three styles. Add them to any page in the theme editor, then rearrange them. The hero video and collection slideshow can fill the screen.

  • The Hero video section on a phone: a sunlit sofa under a large headline
    Hero video
  • The Collection list section in the Umber style: pendants, table lamps and more collections in a row that scrolls sideways
    Collection list · Umber
  • The Feature story section on a phone: oak planks and a framed detail photo
    Feature story
  • The Tabs section in the Shore style: Teak, Weave and Joinery tabs above a photo of teak turning silver
    Tabs · Shore
  • The Shop the look section on a phone: a room photo with a product pin on a floor lamp
    Shop the look
  • The Featured collection section in the Shore style: a teak lounge chair and a sofa on portrait cards with rounded corners, swatches and a dimension line
    Featured collection · Shore
  • The Image with numbered list section on a phone: a sofa frame in a workshop above numbered parts
    Image with numbered list
  • The Collection slideshow section on a phone: an outdoor daybed at sunset under the headline Long evenings
    Collection slideshow
  • The Materials grid section on a phone: fabric photos for oat bouclé and natural linen with short notes
    Materials grid
  • The Samples banner section on a phone: an invitation to order fabric samples above a box of swatches
    Samples banner

Section 5: Every section

33 sections you can add anywhere.

Each one has its own settings and color scheme. The docs list every setting and block.

  1. Image with numbered listAn image beside numbered features, for explaining how a piece is built.
  2. Announcement barShort service messages across the top of every page, one at a time or all at once.
  3. Blog postsThe latest posts from a blog.
  4. Collapsible contentQuestions and answers that open and close, beside an optional heading and text.
  5. Collection listA row of collection cards that scrolls sideways.
  6. Collection slideshowFull-screen slides, each linking to a collection, with a "next" preview.
  7. Contact formA contact form beside your contact details.
  8. Link cardsCards that each point to another page.
  9. Custom LiquidYour own Liquid, HTML or app code.
  10. Feature storyA large image with a smaller inset image and a short story.
  11. Featured collectionProducts from one collection, with tabs to switch between collections.
  12. Featured productOne product with its buy buttons, anywhere on a page.
  13. FiguresLarge numbers with short labels, for facts such as lead times or warranties.
  14. Hero videoA full-screen looping video (or image) with a headline and button.
  15. Image bannerA full-width image, with an optional caption or quote.
  16. Image with textAn image beside a heading, text and button.
  17. Image with testimonialA product photographed in a room, with a short caption.
  18. LocationsShowroom or store cards with address, opening hours, phone number and a directions link.
  19. Scrolling textA slow band of moving words.
  20. Materials gridSwatches with names and short notes, for fabrics or finishes.
  21. NewsletterA newsletter signup with a heading and text.
  22. Page introA label, heading and short introduction at the top of a page.
  23. TestimonialsQuotes from the press, one at a time.
  24. Numbered listNumbered principles or steps in a list.
  25. Product recommendationsProducts Shopify recommends based on the product being viewed.
  26. Text columnsShort service promises in a row, such as delivery and returns.
  27. Recently viewedProducts the shopper looked at recently.
  28. Rich textA heading, text and button, centered or left-aligned.
  29. Samples bannerA band promoting fabric samples, with swatch images.
  30. Shop the lookA room photo with hotspots that link to the products in it.
  31. Large textOne large sentence.
  32. TabsTabs that each show a different image and story.
  33. VideoA video, either from your Shopify files or a YouTube or Vimeo link.

Section 6: Page templates

Pages for the questions furniture buyers ask.

How templates work
The How it's made page template: a headline above a workshop photo

How it's made

Theme template: how-it-is-made

How your pieces are made, step by step.

Each one is built from the same sections you can add anywhere, so every part can be changed in the theme editor.

  • Dimensions
  • Fit
  • Lead time
  • Swatches
  • Materials
  • Care
  • Delivery

Section 7: Commerce

Everyday store features, built in.

Nook includes the everyday features of a Shopify (opens in a new tab) store, written as vanilla JavaScript web components with no frameworks or third-party scripts.

Quick view in the Umber style: a side panel over a collection page with photos of the Orla pendant, its price and its glass options
Quick view · Umber

  • Storefront filtering

    Filters on collections and search results.

  • Predictive search

    Search terms, products, blog posts and pages as you type.

  • Cart drawer

    Recommendations, a delivery note, unit prices and applied discounts.

  • Quick view

    A product's images and options, with an Add to cart button, in a side panel. Shoppers stay on the collection.

  • Side panels

    The cart, quick view, filters and menu slide in from the side.

  • Accelerated checkout

    Shop Pay, Apple Pay and Google Pay buttons in their own colors.

  • Installments

    The Shop Pay Installments banner, when your store qualifies.

  • Subscriptions

    Purchase options from your subscriptions app, on product and cart.

  • Pickup availability

    Where a variant can be picked up, and how soon.

  • Gift cards

    A recipient form, so shoppers can send a card by email.

  • Markets

    Country and language selectors, for stores that sell in more than one market or language.

  • Menus

    Mega menus on desktop and a drawer on phones, with up to three levels.

  • Customer accounts

    Sign in from the header, when customer accounts are on.

  • Follow on Shop

    Shoppers can follow your store from the footer.

  • Locations

    Showroom and store cards with an address, hours and a directions link.

Section 8: Accessible by default

Calm to use, on any screen.

  1. Keyboard first

    Every control works with a keyboard, with a visible focus ring.

  2. Readable

    Color schemes meet WCAG AA contrast, and no text is smaller than 12px.

  3. Easy to tap

    Buttons are at least 44px.

  4. Announced

    Live regions tell screen reader users when the cart changes.

  5. Reduced motion

    With reduced motion on, fades and slides stop, scrolling text stops and the hero shows its still image.

  6. No frameworks

    Vanilla JavaScript web components. No frameworks, no third-party scripts.

Section 9: Docs and support

Help when you need it.

A bright showroom with several sofas and a table of fabric samples

Documentation

Setup, custom data, and every setting and section, written for the theme editor.

Read the docs
A box of six fabric samples with paper tags

Support

Send a message from the support form. You'll get an automatic reply, then an answer within two business days.

Contact support