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.
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.
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.



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.
The perfect mix
Each refill pack contains plenty of cards to last you a month of procrastination.
Dot grid backs
Flip a card over to doodle during meetings when you should be listening.
Refill packs
Subscribe and save on routine refill packs to keep you productive all year long.
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.",
},
]}
/>