UI KIT

Native Scope Kit for PrestaShop 9.2 (Hummingbird theme)

A 118-feature sourced scope matrix, labelled screens, tokens and a scoping guide, to price your PrestaShop store (Hummingbird theme) before design. In French.

€89
One-time payment

Your free account is created with your email and a code sent by email, no password needed. You then pay on the Stripe page.

Sold only in the 27 EU member states, excluding overseas and special tax territories (terms of sale, art. 2): billing address and payment method from this area.

Digital file delivered as soon as you pay: by ticking the box above, you waive your right of withdrawal (see the terms of sale).

Final price · VAT not applicable, art. 293 B of the French Tax Code

Commercial licence · Read the licence

BUYTRY

Overview

Description

This kit is for designers, freelancers and agencies who design a store on PrestaShop with its default theme, Hummingbird, and who need to price it before they design it. It answers one question, block by block: is what you are drawing native, configurable in the admin, paid, or custom development? Every block on the screens carries a label that points to a row of the matrix, and every row cites the official documentation page or source code file it rests on. You show your client designs the platform can deliver, and you price separately whatever needs an extension or development.

The kit is written in French. The scoping guide is in French only, as are the matrix and the screen labels; documentation excerpts stay in their original language. No English version of the guide is included.

A row caught at scoping is priced before the design rather than at handover: card payment, which goes through a module and an account with a payment provider, the wish list that ships with the platform and is then disabled by the theme, a drop-down mini cart the theme does not provide.

Official sources checked on 11 November 2026, for the open source distribution of PrestaShop 9.2.1 and the Hummingbird 2.1.2 default theme. The kit helps you scope and design: it is not an audit of your store and makes no claim to be exhaustive.

Specifications

Matrix118 rows
Screens27, 24 of them in desktop and mobile, plus 3 emails
Tokens58
Scoping guide23 pages
Handoff checklist21 items
FormatsXLSX, UTF-8 CSV, tagged A4 PDF, Markdown, DTCG JSON, DTCG 2025.10 JSON, SCSS (Bootstrap variables)
Licensecommercial (page in French)
Version1.0.0 of November 11, 2026

Contents

  • A 118-row matrix, one row per feature, grouped by area: catalogue, navigation and search, product page, cart, checkout, account, content, emails, international, theme and B2B.
    • Status: 57 native rows, 57 configurable rows with the exact admin path, 2 extension rows, 2 requiring development.
    • Hummingbird front end: 104 rows covered by the default theme, 1 rendered by the template of a module that ships with the platform (the one-page checkout, in beta), 2 as a paid extension (PrestaShop Checkout, with per-transaction fees), 4 requiring development, 7 not applicable.
    • Quote risk: 105 rows low, 10 medium, 3 high.
    • Sources: every row cites its official source, the date it was read and a short excerpt in its original language, 144 source URLs in all. The spreadsheet adds Screens, Extensions (with the terms recorded from the vendor) and Sources sheets.
  • A design file for Figma: 24 desktop screens, their 24 mobile versions and 3 emails (order confirmation, welcome, password reset).
    • Screens: home, category with faceted search, search results, simple, combination, pack and virtual product pages, add-to-cart modal, cart, checkout (personal information, addresses, shipping, payment), confirmation, sign-in, account creation, forgotten password, customer account (dashboard, order history and invoices, address book, wish lists), content page, contact and not-found page.
    • Labels: 90 matrix rows are drawn. Every block carries a two-line label, the row ID and status, then the Hummingbird front-end value, always spelled out and placed on an annotations layer you can hide.
    • Foundations and components: 56 variables, 16 text styles, 2 effect styles, 27 component sets with 98 variants (scope label, buttons, fields, checkboxes and radio buttons, swatches, quantity, badges, prices, icon buttons, product card, facets, active filters, breadcrumb, pagination, tabs, accordion, messages, ratings, checkout steps, cart line, order summary, header and footer in desktop and mobile, drawers, modals, reassurance, account tile) and 36 icons. No logos.
  • 58 tokens, including 14 colours, 13 spacing steps, 6 radii, 9 text sizes with their line height, 3 font weights, 2 shadows and a shared height for buttons and fields. They are identical in the design file and both token files, and carried over to the theme’s Bootstrap variables, except spacing, whose Bootstrap steps are already on the grid. No step off the spacing grid.
  • The theme variables: a Sass variables file that carries the kit’s values over to Hummingbird’s Bootstrap variables, and an annotated list of the 20 differences from the default configuration, to apply or reject at handover. It lists 12 default variables off the grid, 15 values hard-coded in component stylesheets and 15 values Bootstrap derives from its variables, each with the recommended value and the reason.
  • A 23-page scoping guide, in French: reading the matrix and the labels, the 7 questions to ask the client before designing, a step-by-step scoping workshop, 13 pitfalls where a plausible design leaves native scope without saying so, handover to development, the 10 features the kit does not settle for lack of an official source, and the sources.
  • A 21-point handover checklist, in the guide and as a text file to paste into a ticket.

Kit files:

LICENCE.txt
LISEZMOI.txt
CREDITS.txt
figma/native-scope-kit-for-prestashop-hummingbird-1.0.0.fig
guide/guide-cadrage.pdf
guide/checklist-passation.md
matrice/perimetre-natif.xlsx
matrice/perimetre-natif.csv
tokens/tokens.json
tokens/tokens.2025-10.json
theme/_variables-kit.scss
theme/ecarts-config-defaut.md

Formats and compatibility

  • Matrix in XLSX and UTF-8 CSV, with the same IDs: the spreadsheet has drop-down lists and filters by client (status, Hummingbird front end), by screen or by risk; the CSV imports into any spreadsheet or tracking tool.
  • Guide as a tagged A4 PDF, with bookmarks, in French, and the checklist in Markdown. PDF/UA conformance of the guide has not been measured.
  • Tokens in DTCG JSON in the format that predates 2025.10, with string values (tokens/tokens.json), and the same tokens in DTCG 2025.10 format for other tools (tokens/tokens.2025-10.json).
  • Theme: theme/_variables-kit.scss is a SCSS file of Bootstrap variables, imported twice into the theme’s stylesheets. The variables were compiled with Sass against Hummingbird’s stylesheets in a test project outside a store: the full theme build and an installed store have not been tried.
  • .fig file: a Figma-compatible file, to import into your workspace.
  • Fonts: Inter (SIL OFL 1.1), which the theme already loads, is referenced by the tokens and not supplied. The guide is set in Work Sans (SIL OFL 1.1), embedded in the PDF.
  • Versions checked: PrestaShop 9.2.1, open source distribution, Hummingbird 2.1.2 default theme.

Good to know before you buy:

  • The kit contains no PrestaShop module: it is for scoping, designing and handing over to development.
  • No card payment ships with the platform. The card payment block is drawn with the label “CHK-20 · extension”: it assumes a module, such as PrestaShop Checkout, and an account with a payment provider. The kit quotes no third-party module prices.
  • The Classic edition, downloaded from prestashop.com, adds PrestaShop SA modules the matrix does not cover.
  • No screen draws B2B or catalogue mode: B2B mode, customer groups and catalogue mode (CAT-23) are in the matrix as admin settings, so the question is raised before design starts. Dark mode (THM-05) is classed as development and is not drawn.
  • Admin paths use the French labels of the PrestaShop 9.2.1 translation pack, read from that pack and not from an installed store.
  • On some screens, labels overlap the top of a block (breadcrumb, title): hide the annotations layer to see the whole block.
  • The guide, the matrix and the labels are in French; there is no English guide.
  • Updates: free for buyers, released as the platform evolves, with no guaranteed schedule. They cover fixes to the kit and, when a new platform or theme release changes a status, a source or a theme variable, updates to the matrix, labels, tokens and guide. They do not cover the features left out of the matrix, which the guide lists separately.

License

The kit is sold under the commercial license (terms in French), as a one-off payment: you may use it in your personal and professional projects, including for clients, but you may not resell or redistribute its files, even modified, as a kit or as a template.

Further reading

Version history

1.0.0 (11 November 2026): first version.

Notices

Independent kit, not affiliated with, endorsed or sponsored by PrestaShop SA. PrestaShop is a registered trademark of PrestaShop SA. Hummingbird is the name of PrestaShop’s official theme, cited for reference. Platform and theme names are used here only to state compatibility; the screens are redrawn from the documented page structure, with no logos and no screenshots of a real store.

AI disclosure: the matrix, guide text, tokens, theme variables, check scripts and the build of the design file were produced with an AI assistant (Claude Code, Anthropic), then checked by scripts and review. Official sources checked on 11 November 2026: every matrix row cites the source it rests on. The kit contains no AI-generated images.

About the author

Frequently asked questions

Do I need to pay for a platform or theme license?
No. PrestaShop and the Hummingbird theme are distributed under open source licenses: the quote is decided block by block. The only module the matrix classes as a paid extension is PrestaShop Checkout, the vendor's card payment module, free to download but with per-transaction fees. No third-party module is priced in the kit: check its terms with its vendor before you quote.
Does the kit work for an earlier version or for the Classic edition?
The kit is based on the open source distribution of PrestaShop 9.2.1 and on Hummingbird 2.1.2. On an earlier version some rows do not exist, the one-page checkout among them: review them before you reuse the kit. The Classic edition may bring modules, card payment for instance, that the matrix classes as extensions: the guide has you ask about the distribution at scoping.
How do I connect the kit's variables to my theme?
Copy theme/_variables-kit.scss into the theme's Sass variables folder, import it once before the Bootstrap variables, then a second time after the theme's component overrides: theme/ecarts-config-defaut.md gives both lines. Recompile the theme, check buttons, fields, pagination and carousels in the browser, then go through the list of differences: each one is applied or rejected, with the reason noted.