@jjlmoya/utils-hardware 1.15.0 → 1.17.0

package/src/tool/colorAccuracyTest/i18n/en.ts

@@ -0,0 +1,284 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SpectrumCanvasUI } from '../ui';
+import { bibliography } from '../bibliography';
+
+const slug = 'color-accuracy-test';
+const title = 'Color Accuracy Test: Spectrum Canvas';
+const description =
+  'Calibrate your display with precision. Test sRGB and DCI-P3 color spaces, detect color shifts, measure accuracy with Delta E metrics, and generate professional calibration reports.';
+
+const faqData = [
+  {
+    question: 'What is color accuracy and why does it matter?',
+    answer:
+      'Color accuracy measures how faithfully a display reproduces colors compared to a standard reference. For designers, photographers, and content creators, accurate colors are essential to ensure your work looks consistent across different devices.',
+  },
+  {
+    question: 'What is the difference between sRGB and DCI-P3?',
+    answer:
+      'sRGB is the standard color space for web and consumer displays. DCI-P3 is a wider color gamut used in digital cinema and professional displays. DCI-P3 covers approximately 25% more colors than sRGB.',
+  },
+  {
+    question: 'What is Delta E and how is it measured?',
+    answer:
+      'Delta E (ΔE) is a numerical measurement of the color difference perceived by the human eye. A Delta E below 1 is imperceptible, below 2 is very good, below 4 is acceptable, and above 4 becomes noticeable. Our test uses CIE 1976 Delta E calculations.',
+  },
+  {
+    question: 'Can I use this tool to calibrate my hardware?',
+    answer:
+      'This tool provides a visual calibration reference and accuracy measurements. For professional calibration, you should combine these results with hardware calibration tools (colorimeters) and dedicated software like ColorThink or Datacolor SpyderCheckr.',
+  },
+  {
+    question: 'What color spaces are tested?',
+    answer:
+      'We test sRGB (standard), DCI-P3 (cinema), and white point accuracy across standard D65 (6500K) and D93 (9300K) illuminants. The test also includes gamma correction verification.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Select Your Gamut',
+    text: 'Choose between sRGB (standard web/consumer) or DCI-P3 (professional cinema). Your display will transition its test palette accordingly.',
+  },
+  {
+    name: 'Name Your Hardware (Optional)',
+    text: 'Enter a descriptive name for your monitor or device (e.g., "MacBook Pro 16 M1"). This personalizes your report.',
+  },
+  {
+    name: 'Enter Fullscreen Mode',
+    text: 'Press F11 or the fullscreen button to eliminate browser UI and ensure maximum display real estate for accurate testing.',
+  },
+  {
+    name: 'Complete the Color Tests',
+    text: 'Proceed through Spectral Purity (solid colors), Gradient Dynamics (smooth transitions), Black Crush Detection (shadow detail), and White Point Calibration.',
+  },
+  {
+    name: 'Review Results & Export',
+    text: 'Generate a visual report with 3D Gamut visualization, Delta E metrics, and calibration recommendations. Export as PDF for archival.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.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: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+  inLanguage: 'en',
+};
+
+export const content: ToolLocaleContent<SpectrumCanvasUI> = {
+  slug,
+  title,
+  description,
+  faq: faqData,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
+  seo: [
+    {
+      type: 'title',
+      text: 'Professional Color Accuracy Test: Calibrate Your Display with Precision',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'The Spectrum Canvas is a professional-grade color accuracy testing tool designed for anyone who depends on color-critical work. Whether you\'re a photographer, designer, content creator, or hardware enthusiast, this tool helps you <strong>diagnose color shifts</strong>, <strong>measure display accuracy</strong>, and <strong>generate calibration reports</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Why Color Accuracy Matters',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'A single percentage point difference in color reproduction can mean the difference between a "wow" moment and a "that looks off" reaction. Professional displays deliver accuracy within <strong>Delta E &lt; 2</strong>. Consumer displays often drift into Delta E 4-6+, causing:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li>Photography that looks vibrant on your monitor but dull in print</li><li>Video edits that clash with client expectations</li><li>Web design mockups that don\'t match the brand specification</li><li>Hardware projects where color indicators are misinterpreted</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Understanding Color Spaces: sRGB vs DCI-P3',
+      level: 3,
+    },
+    {
+      type: 'title',
+      text: 'sRGB (Standard Color Space)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Established by Microsoft and HP in 1996, sRGB is the <strong>universal standard for consumer electronics</strong> and the web. It uses a triangular color gamut defined by three primary colors (Red: 7.7500x 0.8250, Green: 0.2 0.7150, Blue: 0.1400 0.0800).',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Characteristics:</strong><ul><li>Covers ~35% of the visible color spectrum</li><li>Optimized for typical ambient lighting conditions</li><li>Gamma: 2.2 (matches most consumer displays)</li><li>Suitable for: web, social media, consumer photos</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'DCI-P3 (Digital Cinema Gamut)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Developed by the Digital Cinema Initiatives consortium, DCI-P3 is a <strong>cinema-grade color space</strong> designed for theatrical projection and professional displays. It encompasses ~25% more colors than sRGB.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Characteristics:</strong><ul><li>Covers ~53% of the visible color spectrum</li><li>Optimized for dark theater environments</li><li>Gamma: 2.6 (gamma-corrected for high contrast)</li><li>Suitable for: filmmaking, professional photography, HDR content</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'What is Delta E? Quantifying Color Difference',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Delta E (ΔE) is the <strong>metric of human-perceptible color difference</strong> in the CIE LAB color space. It tells you how close your display\'s output is to a standard reference color.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Delta E Scale (CIE 1976):</strong><ul><li>0–1: Imperceptible by human eye</li><li>1–2: Barely perceptible</li><li>2–4: Perceptible but acceptable for general use</li><li>4–6: Noticeable color shift</li><li>&gt;6: Very obvious difference</li></ul>',
+    },
+    {
+      type: 'paragraph',
+      html: 'Professional displays are calibrated to maintain <strong>Delta E &lt; 2</strong> across the entire visible gamut. Consumer displays typically achieve Delta E 3-5.',
+    },
+    {
+      type: 'title',
+      text: 'The Spectrum Canvas Test Suite',
+      level: 3,
+    },
+    {
+      type: 'title',
+      text: 'Spectral Purity Test',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Displays pure primary and secondary colors (Red, Green, Blue, Cyan, Magenta, Yellow) and measures how your monitor reproduces them. Color "flooding" animations reveal consistent color reproduction across the full screen.',
+    },
+    {
+      type: 'title',
+      text: 'Gradient Dynamics',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Smooth gradients that transition through the entire color space. Look for <strong>banding artifacts</strong> (visible steps instead of smooth transitions), which indicate insufficient color bit depth or poor gamma correction.',
+    },
+    {
+      type: 'title',
+      text: 'Black Crush Detection (Black Hole Test)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Pure black (0,0,0) background with barely-visible near-black shades. If shadow detail "crushes" together, your monitor is losing information in dark tones—common in mobile displays and cheap panels.',
+    },
+    {
+      type: 'title',
+      text: 'White Point Calibration',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Tests different correlated color temperatures (D65 at 6500K = daylight, D93 at 9300K = studio), revealing any color temperature drift or thermal instability.',
+    },
+    {
+      type: 'title',
+      text: 'Interpreting Your Results',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'The Spectrum Canvas generates a beautiful, print-friendly report with:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li><strong>3D Gamut Visualization:</strong> A rotating 3D plot showing your display\'s actual color volume versus the reference standard</li><li><strong>Delta E Heatmap:</strong> Where on the spectrum your display drifts</li><li><strong>Gamma Curve:</strong> Brightness linearity across the 0–255 range</li><li><strong>Calibration Score:</strong> A single "Spectrum Grade" (Elite, Cinematic, Studio, Standard) based on overall accuracy</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Advanced: Manual Calibration Tips',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'If your results show drift, try these adjustments in your monitor\'s OSD (On-Screen Display) menu:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li><strong>Color Temperature:</strong> Shift toward "Warmer" if colors are too cool/blue; toward "Cooler" if too warm/yellow</li><li><strong>Contrast:</strong> Increase if blacks appear washed out; decrease if detail is crushed</li><li><strong>Brightness:</strong> Adjust to achieve a neutral gray without color tint at 50% brightness</li><li><strong>Saturation:</strong> If colors are oversaturated, reduce; if dull, increase</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Limitations and Best Practices',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>This tool provides visual and statistical reference</strong>. For professional work requiring certified calibration, use hardware color meters (spectrophotometer or colorimeter) and dedicated calibration software.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Best Practices:</strong><ul><li>Allow your monitor 30 minutes to warm up before testing (thermal drift stabilizes)</li><li>Test in consistent ambient lighting</li><li>Avoid glare; use a monitor hood if possible</li><li>Repeat tests weekly to track drift over time</li><li>Keep a digital archive of reports for future comparison</li></ul>',
+    },
+  ],
+  ui: {
+    badge: 'Display Calibration',
+    title: 'Spectrum Canvas: Color Accuracy Test',
+    description:
+      'Professional display calibration meets cinema-grade aesthetics. Test sRGB and DCI-P3, measure Delta E accuracy, detect color shifts, and generate a visual report that transforms data into insight.',
+    btnStartCalibration: 'Start Calibration',
+    btnFullscreen: 'Fullscreen',
+    kbdFullscreen: 'F11',
+    kbdFullscreenLabel: 'Fullscreen Mode',
+    kbdReset: 'R',
+    kbdResetLabel: 'Reset Test',
+    kbdEsc: 'ESC',
+    kbdEscLabel: 'Exit',
+    gamutSRGB: 'sRGB',
+    gamutDCIP3: 'DCI-P3',
+    gamutToggle: 'Color Space',
+    hardwareName: 'Hardware/Monitor Name',
+    hardwareNamePlaceholder: 'e.g., MacBook Pro 16" M1 Max',
+    purityTest: 'Spectral Purity',
+    gradientTest: 'Gradient Dynamics',
+    blackHoleTest: 'Black Crush Detection',
+    whitePointTest: 'White Point Calibration',
+    colorCheckpoint: 'Color Checkpoint',
+    generateReport: 'Generate Report',
+    viewResults: 'View Results',
+    btnExit: 'Exit (ESC)',
+    compareSideBySide: 'Compare Side-by-Side',
+  },
+};

package/src/tool/colorAccuracyTest/i18n/es.ts

@@ -0,0 +1,284 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { SpectrumCanvasUI } from '../ui';
+import { bibliography } from '../bibliography';
+
+const slug = 'test-precision-color';
+const title = 'Test de Precisión de Color: Spectrum Canvas';
+const description =
+  'Calibra tu pantalla con precisión. Prueba los espacios de color sRGB y DCI-P3, detecta desviaciones cromáticas, mide la precisión con métricas Delta E y genera informes de calibración profesionales.';
+
+const faqData = [
+  {
+    question: '¿Qué es la precisión de color y por qué es importante?',
+    answer:
+      'La precisión de color mide con qué fidelidad una pantalla reproduce los colores en comparación con una referencia estándar. Para diseñadores, fotógrafos y creadores de contenido, los colores precisos son esenciales para garantizar que su trabajo se vea consistente en diferentes dispositivos.',
+  },
+  {
+    question: '¿Cuál es la diferencia entre sRGB y DCI-P3?',
+    answer:
+      'sRGB es el espacio de color estándar para la web y pantallas de consumo. DCI-P3 es una gama de colores más amplia utilizada en cine digital y pantallas profesionales. DCI-P3 cubre aproximadamente un 25% más de colores que sRGB.',
+  },
+  {
+    question: '¿Qué es Delta E y cómo se mide?',
+    answer:
+      'Delta E (ΔE) es una medida numérica de la diferencia de color percibida por el ojo humano. Un Delta E inferior a 1 es imperceptible, inferior a 2 es muy bueno, inferior a 4 es aceptable y por encima de 4 se vuelve notorio. Nuestra prueba utiliza los cálculos de Delta E CIE 1976.',
+  },
+  {
+    question: '¿Puedo usar esta herramienta para calibrar mi hardware?',
+    answer:
+      'Esta herramienta proporciona una referencia de calibración visual y mediciones de precisión. Para una calibración profesional, debe combinar estos resultados con herramientas de calibración de hardware (colorímetros) y software dedicado como ColorThink o Datacolor SpyderCheckr.',
+  },
+  {
+    question: '¿Qué espacios de color se prueban?',
+    answer:
+      'Probamos sRGB (estándar), DCI-P3 (cine) y la precisión del punto blanco a través de los iluminantes estándar D65 (6500K) y D93 (9300K). La prueba también incluye la verificación de la corrección gamma.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Selecciona tu Gama',
+    text: 'Elige entre sRGB (estándar web/consumo) o DCI-P3 (cine profesional). Tu pantalla cambiará su paleta de prueba en consecuencia.',
+  },
+  {
+    name: 'Nombra tu Hardware (Opcional)',
+    text: 'Ingresa un nombre descriptivo para tu monitor o dispositivo (por ejemplo, "MacBook Pro 16 M1"). Esto personaliza tu informe.',
+  },
+  {
+    name: 'Entra en Modo Pantalla Completa',
+    text: 'Presiona F11 o el botón de pantalla completa para eliminar la interfaz del navegador y garantizar el máximo espacio de visualización para una prueba precisa.',
+  },
+  {
+    name: 'Completa las Pruebas de Color',
+    text: 'Procede a través de Pureza Espectral (colores sólidos), Dinámica de Degradados (transiciones suaves), Detección de Black Crush (detalle en sombras) y Calibración del Punto Blanco.',
+  },
+  {
+    name: 'Revisa Resultados y Exporta',
+    text: 'Genera un informe visual con visualización de Gama 3D, métricas Delta E y recomendaciones de calibración. Exporta como PDF para archivo.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.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: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+  inLanguage: 'es',
+};
+
+export const content: ToolLocaleContent<SpectrumCanvasUI> = {
+  slug,
+  title,
+  description,
+  faq: faqData,
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  bibliography,
+  seo: [
+    {
+      type: 'title',
+      text: 'Test Profesional de Precisión de Color: Calibra tu Pantalla con Precisión',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Spectrum Canvas es una herramienta de prueba de precisión de color de grado profesional diseñada para cualquier persona que dependa de trabajos donde el color es crítico. Ya seas fotógrafo, diseñador, creador de contenido o entusiasta del hardware, esta herramienta te ayuda a <strong>diagnosticar desviaciones cromáticas</strong>, <strong>medir la precisión de la pantalla</strong> y <strong>generar informes de calibración</strong>.',
+    },
+    {
+      type: 'title',
+      text: 'Por qué es Importante la Precisión de Color',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Una diferencia de un solo punto porcentual en la reproducción del color puede significar la diferencia entre un momento "wow" y una reacción de "esto se ve raro". Las pantallas profesionales ofrecen una precisión dentro de <strong>Delta E &lt; 2</strong>. Las pantallas de consumo a menudo se desvían a un Delta E de 4-6+, causando:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li>Fotografías que se ven vibrantes en tu monitor pero apagadas al imprimirlas</li><li>Ediciones de video que no coinciden con las expectativas del cliente</li><li>Maquetas de diseño web que no coinciden con la especificación de la marca</li><li>Proyectos de hardware donde los indicadores de color se malinterpretan</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Entendiendo los Espacios de Color: sRGB vs DCI-P3',
+      level: 3,
+    },
+    {
+      type: 'title',
+      text: 'sRGB (Espacio de Color Estándar)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Establecido por Microsoft y HP en 1996, sRGB es el <strong>estándar universal para la electrónica de consumo</strong> y la web. Utiliza una gama de colores triangular definida por tres colores primarios (Rojo: 0.6400x 0.3300, Verde: 0.3000 0.6000, Azul: 0.1500 0.0600).',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Características:</strong><ul><li>Cubre ~35% del espectro de color visible</li><li>Optimizado para condiciones típicas de iluminación ambiental</li><li>Gamma: 2.2 (coincide con la mayoría de las pantallas de consumo)</li><li>Adecuado para: web, redes sociales, fotos de consumo</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'DCI-P3 (Gama de Cine Digital)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Desarrollado por el consorcio Digital Cinema Initiatives, DCI-P3 es un <strong>espacio de color de grado cinematográfico</strong> diseñado para proyecciones teatrales y pantallas profesionales. Abarca ~25% más colores que sRGB.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Características:</strong><ul><li>Cubre ~53% del espectro de color visible</li><li>Optimizado para entornos de cine oscuros</li><li>Gamma: 2.6 (corregido por gamma para alto contraste)</li><li>Adecuado para: cinematografía, fotografía profesional, contenido HDR</li></ul>',
+    },
+    {
+      type: 'title',
+      text: '¿Qué es Delta E? Cuantificando la Diferencia de Color',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Delta E (ΔE) es la <strong>métrica de la diferencia de color perceptible por el ser humano</strong> en el espacio de color CIE LAB. Te indica qué tan cerca está la salida de tu pantalla de un color de referencia estándar.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Escala Delta E (CIE 1976):</strong><ul><li>0–1: Imperceptible por el ojo humano</li><li>1–2: Apenas perceptible</li><li>2–4: Perceptible pero aceptable para uso general</li><li>4–6: Desviación de color notable</li><li>&gt;6: Diferencia muy obvia</li></ul>',
+    },
+    {
+      type: 'paragraph',
+      html: 'Las pantallas profesionales están calibradas para mantener un <strong>Delta E &lt; 2</strong> en toda la gama visible. Las pantallas de consumo suelen alcanzar un Delta E de 3-5.',
+    },
+    {
+      type: 'title',
+      text: 'La Suite de Pruebas de Spectrum Canvas',
+      level: 3,
+    },
+    {
+      type: 'title',
+      text: 'Prueba de Pureza Espectral',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Muestra colores primarios y secundarios puros (Rojo, Verde, Azul, Cian, Magenta, Amarillo) y mide cómo los reproduce tu monitor. Las animaciones de "inundación" de color revelan una reproducción de color consistente en toda la pantalla.',
+    },
+    {
+      type: 'title',
+      text: 'Dinámica de Degradados',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Degradados suaves que transicionan a través de todo el espacio de color. Busca <strong>artefactos de banding</strong> (pasos visibles en lugar de transiciones suaves), que indican una profundidad de bits de color insuficiente o una corrección gamma deficiente.',
+    },
+    {
+      type: 'title',
+      text: 'Detección de Black Crush (Prueba del Agujero Negro)',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Fondo negro puro (0,0,0) con tonos casi negros apenas visibles. Si el detalle de las sombras se "aplasta", tu monitor está perdiendo información en los tonos oscuros, algo común en pantallas móviles y paneles económicos.',
+    },
+    {
+      type: 'title',
+      text: 'Calibración del Punto Blanco',
+      level: 4,
+    },
+    {
+      type: 'paragraph',
+      html: 'Prueba diferentes temperaturas de color correlacionadas (D65 a 6500K = luz de día, D93 a 9300K = estudio), revelando cualquier deriva de temperatura de color o inestabilidad térmica.',
+    },
+    {
+      type: 'title',
+      text: 'Interpretando tus Resultados',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Spectrum Canvas genera un informe visual y fácil de imprimir con:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li><strong>Visualización de Gama 3D:</strong> Un gráfico 3D giratorio que muestra el volumen de color real de tu pantalla frente al estándar de referencia</li><li><strong>Mapa de Calor Delta E:</strong> En qué parte del espectro se desvía tu pantalla</li><li><strong>Curva Gamma:</strong> Linealidad del brillo en el rango 0–255</li><li><strong>Puntuación de Calibración:</strong> Una única "Calificación Spectrum" (Élite, Cinematográfica, Estudio, Estándar) basada en la precisión general</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Avanzado: Consejos de Calibración Manual',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Si tus resultados muestran desviaciones, intenta estos ajustes en el menú OSD (On-Screen Display) de tu monitor:',
+    },
+    {
+      type: 'paragraph',
+      html: '<ul><li><strong>Temperatura de Color:</strong> Cambia hacia "Cálido" si los colores son demasiado fríos/azules; hacia "Frío" si son demasiado cálidos/amarillos</li><li><strong>Contraste:</strong> Aumenta si los negros se ven lavados; disminuye si el detalle se aplasta</li><li><strong>Brillo:</strong> Ajusta para lograr un gris neutro sin tinte de color al 50% de brillo</li><li><strong>Saturación:</strong> Si los colores están sobresaturados, reduce; si están apagados, aumenta</li></ul>',
+    },
+    {
+      type: 'title',
+      text: 'Limitaciones y Mejores Prácticas',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Esta herramienta proporciona una referencia visual y estadística</strong>. Para trabajos profesionales que requieran una calibración certificada, utiliza medidores de color por hardware (espectrofotómetro o colorímetro) y software de calibración dedicado.',
+    },
+    {
+      type: 'paragraph',
+      html: '<strong>Mejores Prácticas:</strong><ul><li>Permite que tu monitor se caliente durante 30 minutos antes de la prueba (la deriva térmica se estabiliza)</li><li>Realiza la prueba en condiciones de iluminación ambiental constantes</li><li>Evita reflejos; usa una visera para monitor si es posible</li><li>Repite las pruebas semanalmente para rastrear la deriva a lo largo del tiempo</li><li>Mantén un archivo digital de informes para futuras comparaciones</li></ul>',
+    },
+  ],
+  ui: {
+    badge: 'Calibración de Pantalla',
+    title: 'Spectrum Canvas: Test de Precisión de Color',
+    description:
+      'La calibración de pantalla profesional se une a la estética cinematográfica. Prueba sRGB y DCI-P3, mide la precisión Delta E, detecta desviaciones cromáticas y genera un informe visual que transforma los datos en conocimiento.',
+    btnStartCalibration: 'Iniciar Calibración',
+    btnFullscreen: 'Pantalla Completa',
+    kbdFullscreen: 'F11',
+    kbdFullscreenLabel: 'Modo Pantalla Completa',
+    kbdReset: 'R',
+    kbdResetLabel: 'Reiniciar Prueba',
+    kbdEsc: 'ESC',
+    kbdEscLabel: 'Salir',
+    gamutSRGB: 'sRGB',
+    gamutDCIP3: 'DCI-P3',
+    gamutToggle: 'Espacio de Color',
+    hardwareName: 'Nombre del Hardware/Monitor',
+    hardwareNamePlaceholder: 'ej., MacBook Pro 16" M1 Max',
+    purityTest: 'Pureza Espectral',
+    gradientTest: 'Dinámica de Degradados',
+    blackHoleTest: 'Detección de Black Crush',
+    whitePointTest: 'Calibración del Punto Blanco',
+    colorCheckpoint: 'Punto de Control de Color',
+    generateReport: 'Generar Informe',
+    viewResults: 'Ver Resultados',
+    btnExit: 'Salir (ESC)',
+    compareSideBySide: 'Comparar Lado a Lado',
+  },
+};