Skip to content

Shelf components

All 58 components in manifest order, each in every state it can be in. Switch the accent preset to see buy buttons, links and selected marks change.

Buttons

10px buttons: primary in the buy color with a pressed edge, secondary, ghost, small, large, block, icon-only, loading and disabled.

components/buttons/
Loading state of the buy button
Disabled: pick a license first

Tags and counts

Pill tags for sale marks, new, included, formats and status, plus the count bubble.

components/badges/
  • Sale
  • New
  • Included
  • Update ready
  • Refunded
  • Processing
  • PDF
  • v3.2

In your cart 2

Shelf

The signature primitive: objects standing on a plank with a top surface, a front edge, contact shadows, talkers and empty slots.

components/shelf/
$18
$16
$24
$29
$32

Cover

Coded product objects: book, planner, template sheets, plugin box, type specimen, icon tiles and spines, in six cover colors and five sizes.

components/cover/

Nav

Sticky cream bar with the wordmark, five links, search, theme toggle, account and the cart link with a count.

components/nav/

Announcement bar

One dismissible line above the nav on the bay color.

components/announcement-bar/

BundlePick any three planners or templates and save 30% until November 30.Build a bundle

Breadcrumbs

A quiet slash-separated trail above page titles.

components/breadcrumbs/

Sidebar nav

Account and help navigation with a plank marker; a pill row on phones.

components/sidebar-nav/

Hero

The shop window: copy and a display shelf standing on one long plank, plus the inner-page hero with crumbs.

components/hero/

Templates and planners for small studios.

Invoices, proposals, planners and type, made by a three-person studio and tested in print before they reach the shelf.

14-day refunds, no forms to fill in.
$18
$16
$24
$29

One payment, three ways to use it.

Every file comes with a personal license. Teams and resellers pick the tier that covers them.

Section header

Serif h2 with one intro, and the row form with a see-all link above a hairline.

components/section-header/

Every file, opened before it ships

We print each planner, fill in each template and install each font before it goes on the shelf.

New this month

Four files added in November.

All 38 products

Cards

Content cards for posts, guides and help topics, with an optional shelf bay.

components/cards/
Help

Lost a download link?

Every file stays in your account. Sign in with the email on your receipt and download it again.

Printed before it's sold

Planners are printed on A4, US Letter and A5 at home and at a print shop, and we fix what bleeds.

Product card

The cubby: a cover on a plank in a bay, serif title, formats, price and the add button; also .sh-price and the product grid.

components/product-card/
  • New

    Slow Year Planner 2027

    PDF for print and tablets, 212 pages
    $18
  • New

    Bollard Display

    OTF and WOFF2, 6 weights
    $45

Shelf row

A scroll-snapped run of product cards with arrow buttons in the header.

components/shelf-row/

Planners for 2027

Dated and undated, printed and tested on A4, Letter and A5.

Category nav and filters

Category pills or shelf tiles, plus the filter bar with format chips, sort and a live count.

components/category-nav/
Format

3 products

Bento

Cubbies of different widths, each well showing a true detail of the shop; plus the mini panel.

components/bento/
  • Every format in one download

    Buy the invoice kit once and get the Sheets, Excel and PDF versions together. No upsell for the other format.

  • Updates for as long as we sell it

    New versions land in your account and we email you once.

  • Keys you can find again

    Fonts and plugins come with a key that lives next to the download.

  • Printed before it's sold

    Planners go through a home printer and a print shop on A4, US Letter and A5 first.

Features and check lists

Icon or numbered features in open columns, and sage check lists for what is and isn't included.

components/features/
  • Tested in print

    Every planner is printed on A4, US Letter and A5 before release, at home and at a print shop.

  • Every format included

    One purchase gets every version we make of that file: PDF, Figma, Sheets or Notion.

  • Download in one zip

    Files are named, foldered and under 40 MB, so they open on the first try.

  • Use it for your own studio and your clients
  • Every future update of this version
  • All formats in one download
  • Reselling the files as templates
  • Sharing one license across a team

Stats

Serif figures with plain labels between hairlines: facts about the shop.

components/stats/
products on the shelf
38
days to ask for a refund
14
updates shipped in 2026
61
people who answer your email
3

Logo row

The shop's own imprints as geometric monogram marks.

components/logo-row/

Five imprints, one shop, one checkout.

Testimonial

A serif quote from the shop's own people with a small byline.

components/testimonial/

If a planner smudges on cheap paper, we change the planner, not the paper. That's why every page gets printed before it's sold.

Noor HaddadFounder, designs the planners

Review card

Beta tester notes named by role, with the tested version and what it was used for. No stars.

components/review-card/
  • Beta noteTested on v3.1, March 2026

    The tax summary tab saved me a spreadsheet I'd rebuilt every quarter. I wish the currency list had more than twelve options.

    Used for quarterly invoices in a two-person studio
    Bookkeeping testerPaperwharf beta group
  • Beta noteTested on v3.0, January 2026

    Printed all 14 files on Letter at a copy shop. Margins held, and the totals column never clipped.

    Used for printing client copies
    Print testerPaperwharf beta group

Pricing

License tiers or passes as cubbies whose objects show what each tier covers.

components/pricing/
  • Personal

    For you and your own client work.

    $24One payment for the Studio Invoice Kit
    Choose Personal
    • 1 person
    • Unlimited client invoices
    • Updates to this version
  • Extended

    For products you sell that include our files.

    $119One payment, unlimited people
    Choose Extended
    • Use inside paid products
    • Unlimited people
    • Priority email replies

Prices in US dollars. Sales tax or VAT is added at checkout where it applies.

License picker

Radio cards for personal, team and extended; the picked one shows what changes and updates the panel price.

components/license-picker/
License
Not sure? Start with Personal. Upgrading later costs only the difference.

Purchase panel

The sticky buy box: title, price, license picker, one button, refund line, facts; plus the product page layout.

components/purchase-panel/

What's inside (file tree)

The download's file tree in native details, with sizes and an open-all button.

components/whats-inside/
What's inside 14 files, 38 MB
  • Sheets5 files
    • invoice-simple.gsheet48 KB
    • invoice-itemized.gsheet61 KB
    • tax-summary.gsheet54 KB New in 3.2
  • Excel5 files
    • invoice-simple.xlsx32 KB
    • invoice-itemized.xlsx39 KB
  • Print PDFs4 files
    • invoice-letter.pdf9.2 MB
    • invoice-a4.pdf9.4 MB
  • Start here.pdf1.1 MB
Sheets files open as a copy in your own Google Drive.

Bundle builder

Pick three products, fill three slots on a small shelf, see the saving, then add the bundle.

components/bundle-builder/
Pick any 3, save 30%

2 of 3 picked

Subtotal
$42
Bundle saving
Pick 1 more
Total
$42
The saving also applies at checkout if you add the three items one by one.

Refund strip

The plain guarantee line in three sizes: inline, compact and a band.

components/refund-strip/
14-day refunds, no forms. Reply to your receipt and the money goes back to your card.Refund policy
14-day refunds. Reply to your receipt and it's done.
  • Instant download
  • Free updates for this version
  • 14-day refunds
  • No subscription

FAQ

Native details between hairlines; a plus turns into a minus.

components/faq/
Can I use a template for client work?

Yes. Every license covers work you do for clients, as many projects as you like. You can't resell the template itself as a template.

How do updates reach me?

New versions appear in your account under Downloads, and we send one email when a file you own changes. There's nothing to renew.

What if the file isn't what I expected?

Reply to your receipt within 14 days and we refund it. You don't need to explain, though we read every reason.

Forms

Labels above 48px fields, hints, errors in words, success, disabled and readonly states, checks and the inline form.

components/forms/
Add the part after the @, like lindpike.studio.
Found: Studio Invoice Kit, Oct 30.
Tell us the file name and the app you opened it in.
We reply within one working day.

Switch

A checkbox with role=switch whose thumb is a small square object.

components/switch/

Choice cards

Radio or checkbox options as cards, with icons and prices.

components/choice-cards/
How do you want the files?
Add-ons

Search field

Search with an inside icon, a clear button and a large variant.

components/search-field/

File drop

A dashed bay you can click or drop onto, with the file list, error and disabled states.

components/file-drop/
  • invoice-totals-cut-off.png412 KB
studio-reel.mov is over 10 MB. Send a link instead.

Newsletter

One email field, a plain promise and an in-place confirmation; the panel form has a shelf of past issues.

components/newsletter/

The Wharf Letter

New files, updates to the ones you own and one long note from the studio. Once a month.

Unsubscribe from any issue. We never share your address.

Tables

Warm white tables with a well header, tabular figures, yes and no cells and labelled stacks on phones.

components/tables/
What each license covers
UsePersonalTeamExtended
People
People who can use the files1Up to 10Unlimited
Work
Client projects Yes Yes Yes
Inside a product you sell No No Yes
Price for the invoice kit$24$59$119

Downloads table

Owned products with a tiny cover, version, status, size and one download button per row.

components/downloads-table/
Your downloads
ProductVersionStatusSizeDownload
Studio Invoice KitPersonal license 3.2, Oct 28 Update ready 38 MB Download Studio Invoice Kit, 38 MB
Bollard DisplayTeam license 1.0, Nov 3 Preparing zip 12 MB
Moodboard GridsRefunded Sep 12 2.0 Refunded 21 MB

License key

The key in a monospaced well with show and copy, masked by JS and plain without it.

components/license-key/
Bollard Display, Team licenseActive
PWF-7QK2-HARB-0412
Paste it into the license field in your font manager. It works on 10 seats.
Moodboard GridsRefunded
PWF-2MDB-GRID-7781
This key stopped working when the refund went through on Sep 12.

Description list

Label and value pairs for order details and account facts, stacked or inline.

components/description-list/
Order
PW-20418
Placed
October 30, 2026 at 4:12 pm
Paid with
Card ending 4417
Receipt sent to
[email protected]
Products
7
License keys
4
Member since
March 2025

Pagination

Previous and next with words, page numbers, the current page in ink.

components/pagination/

Avatar

Initials on a small square object in the six cover colors, and overlapping groups.

components/avatar/
NH TM IC

Cart drawer and cart lines

The cart as a native modal dialog sliding in from the end side, plus the cart line list used on the cart page.

components/cart-drawer/

Your cart

2 items
  • Personal license. Sheets, Excel and PDF, 14 files
    $24
  • Personal license. PDF for print and tablets, 212 pages
    $18
Subtotal
$42
Taxes are added at checkout where they apply.
Check out View cart

Your cart

2 items
Subtotal
$60
Taxes are added at checkout where they apply.
Check out View cart

Checkout summary

Order lines, a coupon field with idle, loading, applied and error states, the tax note and the serif total.

components/checkout-summary/
SUMMER24 ended on September 1.
Coupon code, applied
HARBOR10 10% off, $4.20 saved

Order confirmation

The thank-you: sage mark, serif title, order facts, the purchased objects on a shelf and next steps.

components/order-confirmation/

Thanks, Rosa. Your files are ready.

The receipt and the download links went to [email protected]. Everything also lives in your account.

Order
PW-20418
Paid
$42.00, card ending 4417
Date
October 30, 2026
  1. Download the zipsLinks below work for as long as the shop is open.
  2. Open "Start here"Each zip has a one-page guide for the app it was made for.
  3. Reply if anything's offTeo answers within one working day.

Prose

Long-form article typography: serif h2s, square bullets, tomato-underlined links, plates, tables and a plank rule.

components/prose/

A template costs us about 31 hours before it reaches the shelf. Here's where those hours go.

Most of the time isn't design. It's checking: printing every page on three paper sizes, filling every field with real numbers, and opening each file in the oldest app version we support.

Where the hours go

  • Design and layout, 9 hours
  • Print tests on A4, Letter and A5, 6 hours
  • Formulas and edge cases, 11 hours
The invoice kit and its budget sheet share the same tax formulas, tested together.

If a formula breaks at row 400, a studio finds out in its busiest month.

StepHours
Design9
Testing17
Writing the guide5

Press Cmd + P on the "Start here" file to see the print checklist we use, or open tax-summary.gsheet to read the formulas.

Callout

Tinted notes for tips, context and warnings inside articles and help pages.

components/callout/

Table of contents

On-this-page links with a plank marker for the section in view.

components/toc/

Byline

Author, role, date and reading time.

components/byline/

Timeline

Changelog and roadmap entries on a hairline, marked by small square objects.

components/timeline/
  1. Version 3.2

    Free update

    US Letter pages for every layout and a tax summary tab.

    • Tax summary that totals by quarter
    • Letter versions of all 7 layouts
  2. Version 3.1

    Free update

    Twelve currencies and a fix for totals over $100,000.

  3. Planned

    Version 4

    In progress

    Editable InDesign source files for the Extended license.

Alert

Page-level messages for success, warning, danger and information, with an optional action.

components/alert/
Payment received

Your files are below and in your account.

Studio Invoice Kit 3.2 is out

Download it again to get the tax summary tab. Your old files keep working.

Prices include VAT for EU buyers

We show the full price once you pick your country.

Toast

Espresso notes in a polite live region with one action; window.shToast() and data triggers.

components/toast/
Studio Invoice Kit is in your cart.View cart

Dialog

Native modal dialog for confirmations and short terms, plus the outlined danger button.

components/dialog/

Remove Bollard Display from your cart?

Your Team license choice goes with it. You can add it back from the product page.

Personal license, in plain words

One person can use the files for their own work and for client work, on any number of projects.

You can't share the files with people outside your license, or sell them as templates.

Tooltip

Short notes on hover and focus that Escape can hide.

components/tooltip/

License Personal covers you, Team covers up to 10 people, Extended covers resale inside your products.

Sheets files open as a Google asks before it makes the copy. We never see it., so your data stays yours.

Empty state

An empty shelf with dashed slots, one sentence and one way forward.

components/empty-state/

Nothing matches Notion and Figma together

Try one format at a time. Most kits ship in only one of the two.

See every product

No license keys yet

Fonts and plugins come with a key. It will show up here after you buy one.

Skeleton

Gently pulsing placeholders that keep the cubby shape while products load.

components/skeleton/
Loading products

Progress and steps

Progress bars with label and value, a busy bar, and checkout steps marked by square objects.

components/progress/
Preparing your zip64%
About 20 seconds left. You can keep browsing.
Zip ready, 38 MB100%
Checking your payment
  1. Cart
  2. Details
  3. Pay
  4. Download

Chart

Inline SVG bar, line and donut charts on the viz tokens, with HTML labels and a data table.

components/chart/
Hours to make one templateStudio Invoice Kit 3.2, 31 hours in all
  • 9 hDesign
  • 6 hPrint tests
  • 11 hFormulas
  • 5 hGuide
Show the numbers
StepHours
Design9
Print tests6
Formulas11
Guide5
The catalog by category38 products on the shelf in November 2026
38products
  • Templates14
  • Planners9
  • Ebooks6
  • Type and icons5
  • Kits4
Show the numbers
CategoryProducts
Templates14
Planners9
Ebooks6
Type and icons5
Kits4
Free updates shipped each month in 2026Templates 45 and planners 22, January to October
  • Templates 45
  • Planners, dashed 22
  • Jan
  • Feb
  • Mar
  • Apr
  • May
  • Jun
  • Jul
  • Aug
  • Sep
  • Oct
Show the numbers
MonthTemplatesPlanners
Jan31
Feb21
Mar42
Apr51
May33
Jun62
Jul41
Aug72
Sep54
Oct65

CTA close

The closing cubby: copy on the start side and a shelf standing on the panel's bottom edge.

components/cta/

Fill a shelf for the year ahead

Planners, invoices and proposals that already work on paper. Pay once, keep the files.

14-day refunds. Reply to your receipt and it's done.

Your cart

2 items
  • Personal license. Sheets, Excel and PDF, 14 files
    $24
  • Personal license. PDF for print and tablets, 212 pages
    $18
Subtotal
$42
Taxes are added at checkout where they apply.
Check out View cart

Part of the Design Systems Library