feat: update brand name, add domain

web/src/lib/components/Seo.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { t } from "$lib/i18n/t";
 	import { SITE_URL } from "$lib/seo";
 
 	interface Props {
@@ -18,7 +19,7 @@
 	<meta name="description" content={description} />
 	<link rel="canonical" href={url} />
 	<meta property="og:type" content="website" />
-	<meta property="og:site_name" content="easy-png-tools" />
+	<meta property="og:site_name" content={t("brand")} />
 	<meta property="og:title" content={title} />
 	<meta property="og:description" content={description} />
 	<meta property="og:url" content={url} />

web/src/lib/components/layout/Footer.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
 	import { version } from "../../../../package.json";
+	import { t } from "$lib/i18n/t";
 
 	const versionLabel = `v${version}`;
 </script>
 
 <footer class="preview-footer">
-	<span>easy-png-tools <b class="version">{versionLabel}</b></span>
+	<span>{t("brand")} <b class="version">{versionLabel}</b></span>
 	<span>© 2026</span>
 </footer>
 

web/src/lib/components/layout/TopBar.svelte

@@ -18,8 +18,8 @@
 
 <header class="topbar">
 	<a class="brand" href={resolve("/")}>
-		<span class="brand-mark">EP</span>
-		<span>easy-png-tools</span>
+		<span class="brand-mark">EIT</span>
+		<span>{t("brand")}</span>
 		{#if crumb}
 			<span class="crumb">{crumb}</span>
 		{/if}
@@ -28,7 +28,7 @@
 	<div class="top-actions">
 		<a
 			class="social"
-			href="https://github.com/Ku6epXBOCTuK/easy-png-tools"
+			href="https://github.com/Ku6epXBOCTuK/easy-image-tools"
 			target="_blank"
 			rel="noopener noreferrer"
 			aria-label={t("ui.github")}

web/src/lib/components/layout/TopNav.svelte

@@ -7,7 +7,6 @@
 	<a href={resolve("/")}>{t("header.home")}</a>
 	<a href={resolve("/list-tools")}>{t("header.catalog")}</a>
 	<a href={resolve("/chains")}>{t("header.chains")}</a>
-	<a href={resolve("/kit")}>{t("header.uiKit")}</a>
 </nav>
 
 <style>

web/src/lib/i18n/dict.ts

@@ -44,6 +44,8 @@ export type HeaderStrings = {
 };
 
 export type Dict = {
+	/** Product brand name; identical in every locale, kept here as the single source. */
+	brand: string;
 	header: HeaderStrings;
 	categories: Record<CategoryId | "all", string>;
 	home: Record<string, string>;

web/src/lib/i18n/en.ts

@@ -1,6 +1,7 @@
 import type { Dict } from "./dict";
 
 export const en: Dict = {
+	brand: "easy-image-tools",
 	header: {
 		workspace: "Workspace",
 		catalog: "Catalog",
@@ -24,14 +25,14 @@ export const en: Dict = {
 		generate: "Generate",
 	},
 	home: {
-		defaultTitle: "easy-png-tools — PNG utilities right in your browser",
+		defaultTitle: "easy-image-tools — PNG utilities right in your browser",
 		heroTitle: "What do you want to do with the image?",
 		heroLead: "Find a tool — everything runs locally in your browser.",
 		restoreLast: "↩ Restore last: {title}",
 		changeTool: "← Change tool",
 	},
 	catalog: {
-		pageTitle: "All tools — easy-png-tools",
+		pageTitle: "All tools — easy-image-tools",
 		metaDescription:
 			"Full catalog of PNG utilities: convert, transparency, color, geometry, analysis and image generation.",
 		heading: "Tool catalog",
@@ -76,7 +77,7 @@ export const en: Dict = {
 		warnSizeLimitMissShort: "Over size limit",
 	},
 	savedChains: {
-		pageTitle: "Saved pipelines — easy-png-tools",
+		pageTitle: "Saved pipelines — easy-image-tools",
 		metaDescription:
 			"Your saved image pipelines: named tool chains stored locally in your browser.",
 		heading: "Saved pipelines",

web/src/lib/i18n/ru.ts

@@ -1,6 +1,7 @@
 import type { Dict } from "./dict";
 
 export const ru: Dict = {
+	brand: "easy-image-tools",
 	header: {
 		workspace: "Рабочая область",
 		catalog: "Каталог",
@@ -24,7 +25,7 @@ export const ru: Dict = {
 		generate: "Генерация",
 	},
 	home: {
-		defaultTitle: "easy-png-tools — PNG-утилиты прямо в браузере",
+		defaultTitle: "easy-image-tools — PNG-утилиты прямо в браузере",
 		heroTitle: "Что делаем с изображением?",
 		heroLead:
 			"Найдите инструмент — все операции выполняются локально в браузере.",
@@ -32,7 +33,7 @@ export const ru: Dict = {
 		changeTool: "← Сменить инструмент",
 	},
 	catalog: {
-		pageTitle: "Все инструменты — easy-png-tools",
+		pageTitle: "Все инструменты — easy-image-tools",
 		metaDescription:
 			"Полный каталог PNG-утилит: конвертация, прозрачность, цвет, геометрия, анализ и генерация изображений.",
 		heading: "Каталог инструментов",
@@ -78,7 +79,7 @@ export const ru: Dict = {
 		warnSizeLimitMissShort: "Больше лимита",
 	},
 	savedChains: {
-		pageTitle: "Сохранённые пайплайны — easy-png-tools",
+		pageTitle: "Сохранённые пайплайны — easy-image-tools",
 		metaDescription:
 			"Ваши сохранённые пайплайны изображений: именованные цепочки инструментов, хранятся локально в браузере.",
 		heading: "Сохранённые пайплайны",

web/src/lib/seo.ts

@@ -1,6 +1,10 @@
 /**
- * Public site URL for canonical/OG (absolute URLs including the GitHub Pages
- * base path). After the domain purchase, change it here; `docs/plan-seo.md` section 6.
- * Note: `$app/paths.base` does not work for this; it is relative.
+ * Public site URL for canonical/OG. From build-time `PUBLIC_SITE_ORIGIN` (set in
+ * CI), falling back to the production domain; `$app/paths.base` is relative and
+ * won't work here. `docs/plan-seo.md` section 6.
  */
-export const SITE_URL = "https://ku6epxboctuk.github.io/easy-png-tools";
+const rawOrigin = import.meta.env.PUBLIC_SITE_ORIGIN;
+export const SITE_URL =
+	typeof rawOrigin === "string" && rawOrigin.trim() !== ""
+		? rawOrigin.trim().replace(/\/+$/, "")
+		: "https://easy-image-tools.com";

web/src/routes/pipeline/+page.svelte

@@ -35,7 +35,7 @@
 </script>
 
 <svelte:head>
-	<title>easy-png-tools / {chain?.name ?? t("header.pipeline")}</title>
+	<title>{t("brand")} / {chain?.name ?? t("header.pipeline")}</title>
 	<meta name="robots" content="noindex, nofollow" />
 </svelte:head>
 

web/src/routes/tools/[slug]/+page.svelte

@@ -18,14 +18,14 @@
 
 {#if page}
 	<Seo
-		title={`easy-png-tools / ${pageTitle(page)}`}
+		title={`${t("brand")} / ${pageTitle(page)}`}
 		description={pageDescription(page)}
 		path={`/tools/${page.slug}`}
 	/>
 {/if}
 <svelte:head>
 	{#if !page}
-		<title>easy-png-tools / {t("toolPage.fallbackTitle")}</title>
+		<title>{t("brand")} / {t("toolPage.fallbackTitle")}</title>
 	{/if}
 	<meta name="robots" content="noindex, nofollow" />
 </svelte:head>