@jjlmoya/utils-audiovisual 1.7.0 → 1.9.0

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],
+};

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

@@ -0,0 +1,246 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ChromaticLensUI, ChromaticLensLocaleContent } from '../index';
+
+const slug = 'chromatic-lens-extracao-paleta-cores-online';
+const title = 'Chromatic Lens: Extração de Paleta de Cores Online';
+const description = 'Extraia paletas de cores profissionais de qualquer imagem gratuitamente. Identifique cores dominantes nas suas fotos usando algoritmos matemáticos.';
+
+const ui: ChromaticLensUI = {
+    dropTitle: "Analisar Cores",
+    dropSubtitle: "Arraste uma imagem para extrair o seu ADN cromático.",
+    processingLabel: "A extrair paleta...",
+    paletteTitle: "Paleta Extraída",
+    copyLabel: "Copiar HEX",
+    copiedLabel: "Copiado!",
+    colorCountLabel: "Número de cores",
+    changeImage: "Alterar imagem",
+    faqTitle: "Perguntas frequentes sobre extração de cores",
+    bibliographyTitle: "Recursos e documentação técnica"
+};
+
+const faq: ChromaticLensLocaleContent['faq'] = [
+    {
+        question: "Como funciona a extração de cores?",
+        answer: "Utilizamos o algoritmo 'Median Cut', que agrupa os píxeis da imagem de acordo com a sua proximidade no espaço de cor RGB para encontrar os tons mais representativos.",
+    },
+    {
+        question: "Posso copiar as cores para o meu editor de design?",
+        answer: "Sim, ao clicar em cada cor, o código HEX será automaticamente copiado para a sua área de transferência, pronto para ser colado no Photoshop, Figma ou CSS.",
+    },
+    {
+        question: "Que tipos de imagem posso analisar?",
+        answer: "Qualquer ficheiro JPG, PNG ou WebP. O processamento é local, pelo que imagens grandes serão analisadas rapidamente sem consumir dados de rede.",
+    },
+];
+
+const howTo: ChromaticLensLocaleContent['howTo'] = [
+    {
+        name: "Carregar a imagem",
+        text: "Carregue a fotografia da qual deseja extrair inspiração cromática.",
+    },
+    {
+        name: "Ajustar precisão",
+        text: "Selecione quantas cores dominantes deseja que a ferramenta identifique (de 3 a 12).",
+    },
+    {
+        name: "Analisar o resultado",
+        text: "A paleta aparecerá instantaneamente com os seus códigos hexadecimais correspondentes.",
+    },
+    {
+        name: "Copiar e usar",
+        text: "Clique nos tons para os guardar e aplicar no seu projeto de design.",
+    },
+];
+
+const bibliography: ChromaticLensLocaleContent['bibliography'] = [
+    {
+        name: "Median Cut Algorithm - Wikipedia",
+        url: "https://en.wikipedia.org/wiki/Median_cut",
+    },
+    {
+        name: "Teoria da Cor para Designers",
+        url: "https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/",
+    },
+];
+
+const seo: ChromaticLensLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Extração Inteligente de Paleta de Cores',
+        items: [
+            'Algoritmo profissional Median Cut para análise de cores',
+            'Extraia 3-12 cores dominantes de qualquer imagem',
+            'Códigos HEX copiáveis diretamente para a área de transferência',
+            'Processamento 100% local - ideal para criativos'
+        ]
+    },
+    { type: 'title', text: 'Extração de Paleta de Cores: Ciência e Design', level: 2 },
+    { type: 'paragraph', html: 'Já se perguntou por que uma fotografia de filme parece tão harmoniosa? Não é coincidência; é a teoria da cor em ação. O Chromatic Lens permite extrair essa harmonia diretamente do píxel, transformando-a em códigos HEX utilizáveis nos seus projetos de design.' },
+
+    { type: 'stats', items: [
+        { value: 'Instantânea', label: 'Análise de Cores', icon: 'mdi:lightning-bolt' },
+        { value: '100%', label: 'Privacidade Local', icon: 'mdi:lock' },
+        { value: 'RGB', label: 'Espaço de Cor Preciso', icon: 'mdi:palette' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'O Algoritmo Median Cut Explicado', level: 3 },
+    { type: 'paragraph', html: 'A extração inteligente de paletas não é uma simples amostragem aleatória de píxeis. Utiliza o algoritmo Median Cut, uma técnica de partição recursiva que assegura uma representação fiel:' },
+    { type: 'list', items: [
+        '<strong>Divisão Recursiva:</strong> O \"cubo de cores\" RGB da imagem é dividido recursivamente em caixas mais pequenas.',
+        '<strong>Equilíbrio de Volume:</strong> Cada partição procura agrupar píxeis do mesmo espaço de cor com volumes semelhantes.',
+        '<strong>Média Ponderada:</strong> A cor resultante de cada caixa é a média de todos os píxeis que contém.',
+        '<strong>Representação Fiel:</strong> As cores dominantes refletem a atmosfera visual real da imagem, não uma simples amostra.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Fluxo de Trabalho Criativo', html: 'Ideal para desenvolvedores web, designers UX/UI, artistas digitais e criativos que procuram capturar instantaneamente a essência visual de uma fotografia, filme ou referência visual para aplicar nas suas interfaces, ilustrações ou paletas de marca.' },
+
+    { type: 'title', text: 'Casos de Uso em Design Digital', level: 3 },
+    { type: 'comparative', items: [
+        {
+            title: 'Designers UX/UI',
+            description: 'Extraia paletas de imagens hero para criar interfaces coesas',
+            icon: 'mdi:palette',
+            points: [
+                'Cores de fundo harmoniosas',
+                'Botões e elementos secundários',
+                'Contraste calculado automaticamente'
+            ]
+        },
+        {
+            title: 'Desenvolvedores Web',
+            description: 'Crie folhas de estilo CSS diretamente de referências visuais',
+            icon: 'mdi:code-braces',
+            points: [
+                'Copie HEX diretamente para CSS',
+                'Variáveis de cor em SCSS/CSS',
+                'Temas coesos sem design prévio'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Artistas Digitais e Ilustradores',
+            description: 'Capture referências cromáticas de filmes, natureza ou arte',
+            icon: 'mdi:brush',
+            points: [
+                'Paletas de referência de obras-primas',
+                'Estudos de cor cinematográficos',
+                'Inspiração visual imediata'
+            ]
+        },
+        {
+            title: 'Especialistas em Branding',
+            description: 'Desenvolva identidades visuais baseadas em fotografias guia',
+            icon: 'mdi:tag-multiple',
+            points: [
+                'Extraia as cores da marca a partir de imagens',
+                'Crie guias cromáticos profissionais',
+                'Garanta a consistência visual'
+            ]
+        }
+    ], columns: 2 },
+
+    { type: 'title', text: 'Teoria da Cor Aplicada', level: 3 },
+    { type: 'table', headers: ['Conceito de Cor', 'Definição', 'Aplicação Prática'], rows: [
+        ['Harmonia Cromática', 'Combinação de cores visualmente equilibrada', 'Identidade visual coesa na UI'],
+        ['Contraste', 'Diferença de brilho entre cores', 'Legibilidade e hierarquia visual'],
+        ['Saturação', 'Intensidade da cor de um tom', 'Profissionalismo (baixa) vs Energia (alta)'],
+        ['Temperatura da Cor', 'Cores quentes (vermelhos) vs cores frias (azuis)', 'Psicologia emocional do design'],
+        ['Paleta Monocromática', 'Variações de um único tom', 'Elegância e minimalismo']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Precisão matemática na extração - não é uma seleção visual aproximada',
+            con: 'Cores quase invisíveis podem ser incluídas se tiverem muitos píxeis'
+        },
+        {
+            pro: 'Cópia instantânea para a área de transferência - integração perfeita no fluxo de trabalho',
+            con: 'Necessita de um navegador moderno compatível com a API Canvas'
+        },
+        {
+            pro: 'Privacidade total - análise 100% local sem submissão de dados',
+            con: 'Nenhum histórico de análises anteriores guardado'
+        },
+        {
+            pro: 'Compatível com qualquer formato de imagem digital',
+            con: 'As cores finais dependem da compressão e qualidade da imagem'
+        }
+    ], proTitle: 'Vantagens', conTitle: 'Limitações' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Representação Realista de Cores', icon: 'mdi:check-circle-outline', badge: 'Algoritmo Avançado', html: 'Ao contrário de ferramentas que simplesmente amostram píxeis aleatórios, o nosso sistema utiliza o algoritmo Median Cut que pondera a contagem total de píxeis de cada tom, garantendo que a paleta resultante reflita fielmente a atmosfera visual e a psicologia das cores da imagem original.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Median Cut',
+            definition: 'Algoritmo de quantização de cor que divide recursivamente o espaço RGB em caixas, garantindo uma distribuição uniforme. Historicamente utilizado na tecnologia de cores indexadas e GIF.'
+        },
+        {
+            term: 'Espaço de Cor RGB',
+            definition: 'Modelo de cor baseado em vermelho, verde e azul. Cada cor é representada como uma combinação destes três valores (0-255). Padrão em ecrãs digitais e web.'
+        },
+        {
+            term: 'Código HEX',
+          definition: 'Notação hexadecimal de 6 dígitos (#RRGGBB) que representa a cor na web: #FF0000 (vermelho), #00FF00 (verde), #0000FF (azul). Universal em CSS, Figma e Adobe.'
+        },
+        {
+            term: 'Saturação de Cor',
+            definition: 'Intensidade ou pureza da cor. Alta saturation = cor viva; baixa saturation = cor acinzentada. Afeta a perceção emocional do design.'
+        },
+        {
+            term: 'Harmonia Cromática',
+            definition: 'A seleção e combinação de cores para obter um resultado visualmente agradável. Pode ser monocromática, complementar, análoga ou triádica.'
+        }
+    ] },
+
+    { type: 'message', title: 'Análise Cromática Profissional', ariaLabel: 'Informação técnica sobre análise de cores', html: 'O Chromatic Lens transforma a análise visual manual em precisão algorítmica. Não se limita a extrair cores: captura a essência emocional e visual de qualquer imagem, colocando-a diretamente na sua área de transferência como códigos HEX prontos a usar. Privacidade total, sem limites no volume de análise.' },
+
+    { type: 'title', text: 'Design a partir de Inspiração Visual', level: 3 },
+    { type: 'paragraph', html: 'A melhor paleta de cores é aquela que captura a intenção visual da sua referência. O Chromatic Lens automatiza o que costumava ser um processo manual: observar, analisar, anotar. Agora, basta arrastar uma imagem e obter códigos HEX profissionais em segundos.' }
+];
+
+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: 'pt',
+};
+
+export const content: ChromaticLensLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Perguntas Frequentes",
+    faq,
+    bibliographyTitle: "Referências",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};