Architect layer
Design
The name, addresses, meta and appearance of this project. Saved settings are read at runtime — a change shows on the next page load, with no rebuild.
Blocks
Every block this project can build a page from, drawn by the real renderer. Grouped by what the block is for.
A block is the unit a page is made of. A page here is not a laid-out file — it is a LIST OF BLOCKS. The renderers are already compiled; the page says which kinds stand on it, in what order and with what text. That is why every page in the project looks like one product rather than like the work of five different people.
The OUTRO section: the last thing on a page, always full width, never governed by the width toggle. A marquee of all 82 languages — flag plus the name in that language — read straight from config/translations/language-metadata.ts, never from page data. Movement is pure CSS: it works with JavaScript off and stops for prefers-reduced-motion.
Eighty-two languages, ready before you need them
Every one of them ships with the product.
- English
- Français
- Español
- Português
- Deutsch
- Italiano
- Nederlands
- Svenska
- Norsk
- Dansk
- Suomi
- Íslenska
- Ελληνικά
- Polski
- Čeština
- Slovenčina
- Magyar
- Română
- Hrvatski
- Slovenščina
- Eesti
- Latviešu
- Lietuvių
- Malti
- Català
- Galego
- Cymraeg
- Gaeilge
- Euskera
- Русский
- Українська
- Беларуская
- Български
- Српски
- Bosanski
- Македонски
- Shqip
- Қазақша
- Oʻzbekcha
- Кыргызча
- Тоҷикӣ
- Türkmençe
- Azərbaycan
- Հայերեն
- ქართული
- Монгол
- العربية
- Türkçe
- עברית
- فارسی
- Kurdî
- Afrikaans
- Kiswahili
- Hausa
- Yorùbá
- Igbo
- አማርኛ
- isiZulu
- isiXhosa
- Kinyarwanda
- Soomaali
- 中文
- 日本語
- 한국어
- हिन्दी
- اردو
- বাংলা
- తెలుగు
- मराठी
- ಕನ್ನಡ
- ગુજરાતી
- മലയാളം
- தமிழ்
- नेपाली
- Tiếng Việt
- ไทย
- Bahasa Indonesia
- Bahasa Melayu
- Tagalog
- မြန်မာဘာသာ
- ភាសាខ្មែរ
- ລາວ
A marquee of the 22 project directions a customer can build — landing page, store, company brain. Read from config/project-types.ts and its corpus, never from page data, so it cannot drift from the catalogue the control panel offers. Right-to-left, pure CSS, 200px of blur at both edges; clicking a card pauses the belt and opens a reference dialog with no buttons at all. Title and note are optional and normally absent: the section sits directly under the hero, where a second heading argues with the H1.
One row of measures: a number and the thing it measures. Semantically a description list, NOT a table — three independent value/label pairs carry no row-to-column relationship, and markup that promises one lies to whoever cannot see the page. `value` is machine-side and never translated; the label beside it is an ordinary page string.
- ×4
cheaper to build
- ×9
faster to launch
- ×100
more reliable in production
A wide band ruled top and bottom with the accent colour: heading, paragraph and a button on the left, an image on the right. Ported from the storefront. It takes the FULL WIDTH OF ITS CONTAINER and not a pixel more — the breakout trick it used to carry (`w-screen` plus a negative margin) was removed by the owner on 2026-08-30 because it broke the layout of the page around it. Where it belongs is part of the kind: the bottom of a page that is itself full-width. The band shares the page background — what separates it is the two rules and the width.
Your own white-label platform on Open Code
The sources are open. Fork the repository, raise your own instance and build products with AI — for yourself or as a business: deploying servers for clients and consulting alongside.
