Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Minimal conversion-first storefront v1.0.0

Use this resource to style a product-first online store

New

  • 201 downloads
  • 153 likes
  • 53 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install ecommerce-minimal-storefront

First time: connect the CLI with

npx --yes palatekit@latest login

The agent applies a restrained look where product photography leads: near-monochrome colors, sharp corners, a 4-column grid, and a full-width "Add to Bag" button. You get a consistent store with clear rules for the product page, cart and variants.

Mostly picked by

Updated November 2, 2026

Preview of a sharp-cornered black and white storefront with a product grid

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md: colors, typography, spacing and components
  • metadata.yaml: title, author and keywords
  • preview.webp: style preview

Good fit for

  • Launching a fashion or home decor store
  • Reworking a product page to convert better
  • Framing a readable cart on mobile

Not for

  • A showcase site with no sales
  • A colorful or playful style
  • A management app

Tags

  • ecommerce
  • storefront
  • product page
  • minimal
  • cart

About

You say

"Rebuild my store's product page following DESIGN.md."

Preview of a sharp-cornered black and white storefront with a product grid

DESIGN.md published by Donald Edinam under the MIT license.

Show more

Prerequisites

You bring
Your web project to style and Your product photos

How to use it

  1. Copy DESIGN.md to the project root
  2. Ask the agent to follow it for every page
  3. Adjust colors and fonts in the header

Content preview

Files

  • DESIGN.md9.3 KB
  • LICENSE1 KB
  • metadata.yaml0.6 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • preview.webp25.2 KB

Origin and licence

Modified by PalateKit

Author
albemala
Source
github.com/albemala/design-md-library/tree/b77c816b1dc643760344a459db102ce3f35b7c39/design-md/e-commerce-minimal
Licence
MIT

Notice

Version modifiée de « E-Commerce Minimal » (albemala, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

How do I use it with my agent?

Put DESIGN.md at the root of your project and ask the agent to follow it for every page or component.

Can I change the colors or fonts?

Yes. Edit the values in the YAML header of the file, and the agent will follow them from then on.