Product features

Marketing-style feature blocks for a product detail page: hero details, technical specs, and a square-image feature grid.

Preview

The fine details

Our patented padded snack sleeve construction protects your favorite treats from getting smooshed during all-day adventures.

Drawstring top with elastic loop closure and textured interior padding.

The 20L model has enough space for 370 candy bars, 6 cylinders of chips, 1220 standard gumballs, or any combination of on-the-go treats.

Front zipper pouch with included key ring.

Up your snack organization game with multiple compartment options. The quick-access stash pouch is ready for unexpected snack attacks.

Technical specifications

The walnut wood card tray is precision milled to perfectly fit a stack of Focus cards. The powder coated steel divider separates active cards from new ones.

Origin
Designed by Good Goods, Inc.
Material
Solid walnut with powder coated steel cover.
Dimensions
6.25" x 3.55" x 1.15"
Finish
Hand sanded and finished with natural oil.
Walnut card tray with white powder coated steel divider.Top down view of walnut card tray with embedded magnets.Side of walnut card tray with card groove and recessed card area.Walnut card tray filled with cards and card angled in dedicated groove.

Focus

Simple productivity

Focus allows you to plan 10 daily tasks, while also thinking ahead about what's next. Forget distracting digital apps and embrace these small, sturdy pieces of paper.

Three card types

Today, Next, and Someday cards allow you to defer your dreams into the future.

Green cardstock box containing white, beige, and brown cards.

The perfect mix

Each refill pack contains plenty of cards to last you a month of procrastination.

Green cardstock box open with 50 cards inside.

Dot grid backs

Flip a card over to doodle during meetings when you should be listening.

Detail of white today card, beige next card, and brown someday card.

Refill packs

Subscribe and save on routine refill packs to keep you productive all year long.

Stack of three green cardstock boxes with 3 hole cutouts.

React preview

LiveView (HEEx)

alias DesignSystem.UI.ProductFeatures

<ProductFeatures.feature_set
  variant={:detail}
  heading="The fine details"
  description="Our patented padded snack sleeve construction."
  features={[
    %{
      description: "Plenty of space for treats.",
      image_url: "/images/feature-01.jpg",
      image_alt: "Drawstring top with elastic loop closure."
    }
  ]}
/>

<ProductFeatures.feature_set
  variant={:specs}
  heading="Technical specifications"
  description="Precision milled walnut."
  attributes={[
    %{name: "Origin", value: "Designed by Good Goods, Inc."},
    %{name: "Material", value: "Solid walnut."}
  ]}
  images={[
    %{src: "/images/spec-01.jpg", alt: "Walnut card tray."}
  ]}
/>

<ProductFeatures.feature_set
  variant={:squares}
  eyebrow="Focus"
  heading="Simple productivity"
  features={[
    %{
      name: "Three card types",
      description: "Today, Next, and Someday.",
      image_url: "/images/feat-01.jpg",
      image_alt: "Box of cards."
    }
  ]}
/>

React (JSX)

import { ProductFeature } from "../ui/index.mjs"

<ProductFeature
  variant="detail"
  heading="The fine details"
  description="Our patented padded snack sleeve construction."
  features={[
    {
      description: "Plenty of space for treats.",
      imageUrl: "/images/feature-01.jpg",
      imageAlt: "Drawstring top with elastic loop closure.",
    },
  ]}
/>

<ProductFeature
  variant="specs"
  heading="Technical specifications"
  attributes={[
    { name: "Origin", value: "Designed by Good Goods, Inc." },
    { name: "Material", value: "Solid walnut." },
  ]}
  images={[{ src: "/images/spec-01.jpg", alt: "Walnut card tray." }]}
/>

<ProductFeature
  variant="squares"
  eyebrow="Focus"
  heading="Simple productivity"
  features={[
    {
      name: "Three card types",
      description: "Today, Next, and Someday.",
      imageUrl: "/images/feat-01.jpg",
      imageAlt: "Box of cards.",
    },
  ]}
/>