@jjlmoya/utils-audiovisual 1.6.0 → 1.8.0

package/src/tool/chromaticLens/i18n/nl.ts

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-kleurenpalet-extractie-online';
+const title = 'Chromatic Lens: Online Kleurenpalet Extractie';
+const description = 'Extraheer gratis professionele kleurenpaletten uit elke afbeelding. Identificeer dominante kleuren in uw foto\'s met behulp van mathematische algoritmen.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Kleuren Analyseren",
+    dropSubtitle: "Sleep een afbeelding om het chromatische DNA te extraheren.",
+    processingLabel: "Palet extraheren...",
+    paletteTitle: "Geëxtraheerd Palet",
+    copyLabel: "HEX Kopiëren",
+    copiedLabel: "Gekopieerd!",
+    colorCountLabel: "Aantal kleuren",
+    changeImage: "Afbeelding wijzigen",
+    faqTitle: "Veelgestelde vragen over kleurextractie",
+    bibliographyTitle: "Hulpmiddelen en technische documentatie"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "Hoe werkt kleurextractie?",
+        answer: "We gebruiken het 'Median Cut' algoritme, dat afbeeldingspixels groepeert op basis van hun nabijheid in de RGB-kleurruimte om de meest representatieve tonen te vinden.",
+    },
+    {
+        question: "Kan ik kleuren naar mijn ontwerpeditor kopiëren?",
+        answer: "Ja, door op elke kleur te klikken, wordt de HEX-code automatisch naar uw klembord gekopieerd, klaar om in Photoshop, Figma of CSS te worden geplakt.",
+    },
+    {
+        question: "Welke soorten afbeeldingen kan ik analyseren?",
+        answer: "Elk JPG-, PNG- of WebP-bestand. De verwerking is lokaal, dus grote afbeeldingen worden snel geanalyseerd zonder netwerkdata te verbruiken.",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "Upload de afbeelding",
+        text: "Upload de foto waaruit u chromatische inspiratie wilt extraheren.",
+    },
+    {
+        name: "Pas precisie aan",
+        text: "Selecteer hoeveel dominante kleuren u wilt dat de tool identificeert (van 3 tot 12).",
+    },
+    {
+        name: "Analyseer het resultaat",
+        text: "Het palet verschijnt onmiddellijk met de bijbehorende hexadecimale codes.",
+    },
+    {
+        name: "Kopieer en gebruik",
+        text: "Klik op de tonen om ze op te slaan en toe te passen in uw ontwerpproject.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Median Cut Algorithm - Wikipedia",
+        url: "https://en.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        name: "Kleurentheorie voor Ontwerpers",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Intelligente Kleurenpalet Extractie',
+        items: [
+            'Professioneel Median Cut algoritme voor kleuranalyse',
+            'Extraheer 3-12 dominante kleuren uit elke afbeelding',
+            'HEX-codes direct kopieerbaar naar het klembord',
+            '100% lokale verwerking - ideaal voor creatievelingen'
+        ]
+    },
+    { type: 'title', text: 'Kleurenpalet Extractie: Wetenschap en Ontwerp', level: 2 },
+    { type: 'paragraph', html: 'Heeft u zich ooit afgevraagd waarom een filmfoto zo harmonieus aanvoelt? Dat is geen toeval; het is kleurentheorie in actie. Chromatic Lens stelt u in staat om die harmonie direct uit de pixel te extraheren en te transformeren naar HEX-codes die bruikbaar zijn in uw ontwerpprojecten.' },
+
+    { type: 'stats', items: [
+        { value: 'Instant', label: 'Kleuranalyse', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: 'Lokale Privacy', icon: 'mdi:lock' },
+        { value: 'RGB', label: 'Precieze Kleurruimte', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Het Median Cut Algoritme Uitgelegd', level: 3 },
+    { type: 'paragraph', html: 'Intelligente paletextractie is niet een eenvoudige willekeurige steekproef van pixels. Het maakt gebruik van het Median Cut algoritme, een recursieve partitioneringstechniek die een getrouwe weergave garandeert:' },
+    { type: 'list', items: [
+        '<strong>Recursieve Verdeling:</strong> De RGB \"kleurenkubus\" van de afbeelding wordt recursief verdeeld in kleinere boxen.',
+        '<strong>Volume Balans:</strong> Elke partitie probeert pixels uit dezelfde kleurruimte met vergelijkbare volumes te groeperen.',
+        '<strong>Gewogen Gemiddelde:</strong> de resulterende kleur van elke box is het gemiddelde van alle pixels die deze bevat.',
+        '<strong>Getrouwe Weergave:</strong> De dominante kleuren weerspiegelen de echte visuele sfeer van de afbeelding, niet slechts een simpele steekproef.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Creatieve Workflow', html: 'Ideaal voor webontwikkelaars, UX/UI-ontwerpers, digitale kunstenaars en creatievelingen die onmiddellijk de visuele essentie van een foto, film of visuele referentie willen vastleggen om toe te passen in hun interfaces, illustraties of merkpaletten.' },
+
+    { type: 'title', text: 'Use Cases in Digitaal Ontwerp', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'UX/UI Ontwerpers',
+            description: 'Extraheer paletten uit hero images om samenhangende interfaces te creëren',
+            icon: 'mdi:palette',
+            points: [
+                'Harmonieuze achtergrondkleuren',
+                'Knoppen en secundaire elementen',
+                'Automatisch berekend contrast'
+            ]
+        },
+        {
+            title: 'Webontwikkelaars',
+            description: 'Maak CSS-stylesheets direct van visuele referenties',
+            icon: 'mdi:code-braces',
+            points: [
+                'Kopieer HEX direct naar CSS',
+                'Kleurvariabelen in SCSS/CSS',
+                'Samenhangende thema\'s zonder voorafgaand ontwerp'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Digitale Kunstenaars en Illustratoren',
+            description: 'Leg chromatische referenties vast van films, natuur of kunst',
+            icon: 'mdi:brush',
+            points: [
+                'Referentiepaletten van meesterwerken',
+                'Cinematografische kleurstudies',
+                'Onmiddellijke visuele inspiratie'
+            ]
+        },
+        {
+            title: 'Branding Specialisten',
+            description: 'Ontwikkel visuele identiteiten op basis van gidsfoto\'s',
+            icon: 'mdi:tag-multiple',
+            points: [
+                'Extraheer merkkleuren uit afbeeldingen',
+                'Maak professionele chromatische gidsen',
+                'Zorg voor visuele consistentie'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: 'Toegepaste Kleurentheorie', level: 3 },
+    { type: 'table', headers: ['Kleurconcept', 'Definitie', 'Praktische Toepassing'], rows: [
+        ['Chromatische Harmonie', 'Kleurcombinatie die visueel in balans is', 'Samenhangende visuele identiteit in UI'],
+        ['Contrast', 'Verschil in helderheid tussen kleuren', 'Leesbaarheid en visuele hiërarchie'],
+        ['Verzadiging', 'Kleurintensiteit van een toon', 'Professionalisme (laag) vs Energie (hoog)'],
+        ['Kleurtemperatuur', 'Warme kleuren (rood) vs koele kleuren (blauw)', 'Emotionele psychologie van ontwerp'],
+        ['Monochromatisch Palet', 'Variaties van een enkele toon', 'Elegantie en minimalisme']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Mathematische precisie bij extractie - geen geschatte visuele selectie',
+            con: 'Nauwelijks zichtbare kleuren kunnen worden opgenomen als ze veel pixels hebben'
+        },
+        {
+            pro: 'Direct kopiëren naar klembord - perfecte integratie met workflow',
+            con: 'Heeft een moderne browser nodig die compatibel is met Canvas API'
+        },
+        {
+            pro: 'Totale privacy - 100% lokale analyse zonder gegevensverzending',
+            con: 'Geen geschiedenis van eerdere analyses opgeslagen'
+        },
+        {
+            pro: 'Compatibel met elk digitaal afbeeldingsformaat',
+            con: 'Uiteindelijke kleuren zijn afhankelijk van compressie en kwaliteit van de afbeelding'
+        }
+    ], proTitle: 'Voordelen', conTitle: 'Beperkingen' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Realistische Kleurweergave', icon: 'mdi:check-circle-outline', badge: 'Geavanceerd Algoritme', html: 'In tegenstelling tot tools die simpelweg willekeurige pixels samplen, maakt ons systeem gebruik van het Median Cut algoritme dat de volledige pixelaantal van elke toon weegt, waardoor het resulterende palet getrouw de visuele sfeer en kleurpsychologie van de originele afbeelding weerspiegelt.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            definition: 'Kleurkwantiseringsalgoritme dat de RGB-ruimte recursief verdeelt in boxen, wat zorgt voor een uniforme distributie. Historisch gebruikt in GIF en geïndexeerde kleurtechnologie.'
+        },
+        {
+            term: 'RGB Kleurruimte',
+            definition: 'Kleurenmodel gebaseerd op rood, groen en blauw. Elke kleur wordt weergegeven als een combinatie van deze drie waarden (0-255). Standaard op digitale schermen en web.'
+        },
+        {
+            term: 'HEX-code',
+          definition: '6-cijferige hexadecimale notatie (#RRGGBB) die kleur op het web vertegenwoordigt: #FF0000 (rood), #00FF00 (groen), #0000FF (blauw). Universeel in CSS, Figma en Adobe.'
+        },
+        {
+            term: 'Kleurverzadiging',
+            definition: 'Intensiteit of zuiverheid van kleur. Hoge verzadiging = levendige kleur; lage verzadiging = grijsachtige kleur. Beïnvloedt de emotionele perceptie van het ontwerp.'
+        },
+        {
+            term: 'Chromatische Harmonie',
+            definition: 'Selectie en combinatie van kleuren die resulteert in een visueel aantrekkelijk resultaat. Het kan monochromatisch, complementair, analoog of triadisch zijn.'
+        }
+    ] },
+
+    { type: 'message', title: 'Professionele Chromatische Analyse', ariaLabel: 'Technische informatie over kleuranalyse', html: 'Chromatic Lens transformeert handmatige visuele analyse in algoritmische precisie. Het extraheert niet alleen kleuren: het legt de emotionele en visuele essentie van elke afbeelding vast en plaatst deze direct op uw klembord als kant-en-klare HEX-codes. Totale privacy, geen limieten op analysevolume.' },
+
+    { type: 'title', text: 'Ontwerp vanuit Visuele Inspiratie', level: 3 },
+    { type: 'paragraph', html: 'Het beste kleurenpalet is degene die de visuele intentie van uw referentie vastlegt. Chromatic Lens automatiseert wat voorheen een handmatig proces was: observeren, analyseren, noteren. Sleep nu gewoon een afbeelding en krijg binnen enkele seconden professionele HEX-codes.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'nl',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Veelgestelde Vragen",
+    faq,
+    bibliographyTitle: "Referenties",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/chromaticLens/i18n/pl.ts

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-ekstrakcja-palety-kolorow-online';
+const title = 'Chromatic Lens: Ekstrakcja Palety Kolorów Online';
+const description = 'Wyodrębnij profesjonalne palety kolorów z dowolnego obrazu za darmo. Zidentyfikuj dominujące kolory w swoich zdjęciach za pomocą algorytmów matematycznych.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Analizuj Kolory",
+    dropSubtitle: "Przeciągnij obraz, aby wyodrębnić jego chromatyczne DNA.",
+    processingLabel: "Wyodrębnianie palety...",
+    paletteTitle: "Wyodrębniona Paleta",
+    copyLabel: "Kopiuj HEX",
+    copiedLabel: "Skopiowano!",
+    colorCountLabel: "Liczba kolorów",
+    changeImage: "Zmień obraz",
+    faqTitle: "Często zadawane pytania dotyczące ekstrakcji kolorów",
+    bibliographyTitle: "Zasoby i dokumentacja techniczna"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "Jak działa ekstrakcja kolorów?",
+        answer: "Używamy algorytmu 'Median Cut', który grupuje piksele obrazu według ich bliskości w przestrzeni kolorów RGB, aby znaleźć najbardziej reprezentatywne tony.",
+    },
+    {
+        question: "Czy mogę kopiować kolory do mojego edytora graficznego?",
+        answer: "Tak, klikając na każdy kolor, kod HEX zostanie automatycznie skopiowany do schowka, gotowy do wklejenia w Photoshopie, Figmie lub CSS.",
+    },
+    {
+        question: "Jakie typy obrazów mogę analizować?",
+        answer: "Dowolny plik JPG, PNG lub WebP. Przetwarzanie odbywa się lokalnie, więc duże obrazy zostaną przeanalizowane szybko, bez zużywania danych sieciowych.",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "Prześlij obraz",
+        text: "Prześlij zdjęcie, z którego chcesz wyodrębnić chromatyczną inspirację.",
+    },
+    {
+        name: "Dostosuj precyzję",
+        text: "Wybierz, ile dominujących kolorów ma zidentyfikować narzędzie (od 3 do 12).",
+    },
+    {
+        name: "Przeanalizuj wynik",
+        text: "Paleta pojawi się natychmiast wraz z odpowiednimi kodami szesnastkowymi.",
+    },
+    {
+        name: "Kopiuj i używaj",
+        text: "Kliknij na odcienie, aby je zapisać i zastosować w swoim projekcie projektowym.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Median Cut Algorithm - Wikipedia",
+        url: "https://en.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        name: "Teoria Koloru dla Projektantów",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Inteligentna Ekstrakcja Palety Kolorów',
+        items: [
+            'Profesjonalny algorytm Median Cut do analizy kolorów',
+            'Wyodrębnij 3-12 dominujących kolorów z dowolnego obrazu',
+            'Kody HEX kopiowalne bezpośrednio do schowka',
+            'Przetwarzanie w 100% lokalne - idealne dla kreatywnych'
+        ]
+    },
+    { type: 'title', text: 'Ekstrakcja Palety Kolorów: Nauka i Projektowanie', level: 2 },
+    { type: 'paragraph', html: 'Czy kiedykolwiek zastanawiałeś się, dlaczego kadr filmowy wydaje się tak harmonijny? To nie przypadek; to teoria koloru w działaniu. Chromatic Lens pozwala wyodrębnić tę harmonię bezpośrednio z piksela, przekształcając ją w kody HEX gotowe do użycia w Twoich projektach projektowych.' },
+
+    { type: 'stats', items: [
+        { value: 'Natychmiast', label: 'Analiza Koloru', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: 'Lokalna Prywatność', icon: 'mdi:lock' },
+        { value: 'RGB', label: 'Precyzyjna Przestrzeń Barw', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Wyjaśnienie Algorytmu Median Cut', level: 3 },
+    { type: 'paragraph', html: 'Inteligentna ekstrakcja palety nie jest prostym losowym próbkowaniem pikseli. Wykorzystuje algorytm Median Cut, technikę rekurencyjnego partycjonowania, która zapewnia wierne odwzorowanie:' },
+    { type: 'list', items: [
+        '<strong>Podział Rekurencyjny:</strong> „Kostka kolorów” RGB obrazu jest rekurencyjnie dzielona na mniejsze pudełka.',
+        '<strong>Równowaga Objętości:</strong> Każda partycja dąży do pogrupowania pikseli z tej samej przestrzeni barw o podobnych objętościach.',
+        '<strong>Średnia Ważona:</strong> Wynikowy kolor każdego pudełka jest średnią wszystkich pikseli, które zawiera.',
+        '<strong>Wierne Odwzorowanie:</strong> Dominujące kolory odzwierciedlają rzeczywistą atmosferę wizualną obrazu, a nie prostą próbkę.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Kreatywny Przepływ Pracy', html: 'Idealny dla programistów stron internetowych, projektantów UX/UI, artystów cyfrowych i kreatywnych osób, które chcą natychmiast uchwycić wizualną esencję zdjęcia, filmu lub odniesienia wizualnego, aby zastosować je w swoich interfejsach, ilustracjach lub paletach marki.' },
+
+    { type: 'title', text: 'Przypadki Użycia w Projektowaniu Cyfrowym', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'Projektanci UX/UI',
+            description: 'Wyodrębniaj palety z obrazów hero, aby tworzyć spójne interfejsy',
+            icon: 'mdi:palette',
+            points: [
+                'Harmonijne kolory tła',
+                'Przyciski i elementy pomocnicze',
+                'Automatycznie obliczony kontrast'
+            ]
+        },
+        {
+            title: 'Programiści Web',
+            description: 'Twórz arkusze stylów CSS bezpośrednio z odniesień wizualnych',
+            icon: 'mdi:code-braces',
+            points: [
+                'Kopiuj HEX bezpośrednio do CSS',
+                'Zmienne kolorystyczne w SCSS/CSS',
+                'Spójne motywy bez wcześniejszego projektu'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Artyści Cyfrowi i Ilustratorzy',
+            description: 'Uchwyć chromatyczne odniesienia z filmów, natury lub sztuki',
+            icon: 'mdi:brush',
+            points: [
+                'Palety referencyjne z arcydzieł',
+                'Filmowe studia kolorystyczne',
+                'Natychmiastowa inspiracja wizualna'
+            ]
+        },
+        {
+            title: 'Specjaliści ds. Brandingu',
+            description: 'Twórz tożsamości wizualne w oparciu o zdjęcia przewodnie',
+            icon: 'mdi:tag-multiple',
+            points: [
+                'Wyodrębnij kolory marki z obrazów',
+                'Twórz profesjonalne przewodniki chromatyczne',
+                'Zapewnij spójność wizualną'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: 'Stosowana Teoria Koloru', level: 3 },
+    { type: 'table', headers: ['Koncepcja Koloru', 'Definicja', 'Zastosowanie Praktyczne'], rows: [
+        ['Harmonia Chromatyczna', 'Kombinacja kolorów, która jest wizualnie zrównoważona', 'Spójna tożsamość wizualna w UI'],
+        ['Kontrast', 'Różnica jasności między kolorami', 'Czytelność i hierarchia wizualna'],
+        ['Nasycenie', 'Intensywność koloru tonu', 'Profesjonalizm (niskie) vs Energia (wysokie)'],
+        ['Temperatura Koloru', 'Ciepłe kolory (czerwienie) vs chłodne kolory (niebieskie)', 'Psychologia emocjonalna projektowania'],
+        ['Paleta Monochromatyczna', 'Wariacje pojedynczego tonu', 'Elegancja i minimalizm']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Matematyczna precyzja ekstrakcji - to nie jest przybliżony wybór wizualny',
+            con: 'Słabo widoczne kolory mogą zostać uwzględnione, jeśli mają wiele pikseli'
+        },
+        {
+            pro: 'Natychmiastowe kopiowanie do schowka - idealna integracja z przepływem pracy',
+            con: 'Wymaga nowoczesnej przeglądarki kompatybilnej z Canvas API'
+        },
+        {
+            pro: 'Całkowita prywatność - 100% lokalna analiza bez przesyłania danych',
+            con: 'Historia poprzednich analiz nie jest zapisywana'
+        },
+        {
+            pro: 'Kompatybilny z dowolnym formatem obrazu cyfrowego',
+            con: 'Ostateczne kolory zależą od kompresji i jakości obrazu'
+        }
+    ], proTitle: 'Zalety', conTitle: 'Ograniczenia' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Realistyczne Odwzorowanie Kolorów', icon: 'mdi:check-circle-outline', badge: 'Zaawansowany Algorytm', html: 'W przeciwieństwie do narzędzi, które po prostu próbkują losowe piksele, nasz system wykorzystuje algorytm Median Cut, który waży całkowitą liczbę pikseli każdego tonu, zapewniając, że wynikowa paleta wiernie odzwierciedla wizualną atmosferę i psychologię kolorów oryginalnego obrazu.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            definition: 'Algorytm kwantyzacji kolorów, który rekurencyjnie dzieli przestrzeń RGB na pudełka, zapewniając jednolity rozkład. Historycznie stosowany w technologii GIF i kolorów indeksowanych.'
+        },
+        {
+            term: 'Przestrzeń Barw RGB',
+            definition: 'Model kolorów oparty na czerwieni, zieleni i niebieskim. Każdy kolor reprezentowany jest jako kombinacja tych trzech wartości (0-255). Standard na ekranach cyfrowych i w Internecie.'
+        },
+        {
+            term: 'Kod HEX',
+          definition: '6-cyfrowy zapis szesnastkowy (#RRGGBB) reprezentujący kolor w Internecie: #FF0000 (czerwony), #00FF00 (zielony), #0000FF (niebieski). Uniwersalny w CSS, Figmie i środowisku Adobe.'
+        },
+        {
+            term: 'Nasycenie Koloru',
+            definition: 'Intensywność lub czystość koloru. Wysokie nasycenie = żywy kolor; niskie nasycenie = kolor szarawy. Wpływa na emocjonalny odbiór projektu.'
+        },
+        {
+            term: 'Harmonia Chromatyczna',
+            definition: 'Dobór i kombinacja kolorów dająca wizualnie przyjemny efekt. Może być monochromatyczna, dopełniająca, analogiczna lub triadyczna.'
+        }
+    ] },
+
+    { type: 'message', title: 'Profesjonalna Analiza Chromatyczna', ariaLabel: 'Informacje techniczne o analizie kolorów', html: 'Chromatic Lens zamienia ręczną analizę wizualną w algorytmiczną precyzję. Nie tylko wyodrębnia kolory: uchwyci emocjonalną i wizualną esencję dowolnego obrazu, umieszczając ją bezpośrednio w schowku jako gotowe do użycia kody HEX. Pełna prywatność, brak limitów objętości analiz.' },
+
+    { type: 'title', text: 'Projektowanie z Wizualnej Inspiracji', level: 3 },
+    { type: 'paragraph', html: 'Najlepsza paleta kolorów to taka, która oddaje wizualną intencję Twojego punktu odniesienia. Chromatic Lens automatyzuje to, co kiedyś było procesem ręcznym: obserwację, analizę, notowanie. Teraz po prostu przeciągnij obraz i uzyskaj profesjonalne kody HEX w ciągu kilku sekund.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'pl',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Często Zadawane Pytania",
+    faq,
+    bibliographyTitle: "Referencje",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};