Diferencia entre revisiones de «Test10»
Sin resumen de edición |
|||
| Línea 89: | Línea 89: | ||
Ambas formas producen la misma combinación visual. El nombre FSF favorece la uniformidad; el código hexadecimal permite utilizar tonos especiales cuando un artículo lo requiera. | Ambas formas producen la misma combinación visual. El nombre FSF favorece la uniformidad; el código hexadecimal permite utilizar tonos especiales cuando un artículo lo requiera. | ||
=== Traducción mediante Tono | === Traducción mediante Tono === | ||
La plantilla {{Tono}} convierte automáticamente un nombre oficial en su código hexadecimal: | La plantilla {{Tono}} convierte automáticamente un nombre oficial en su código hexadecimal: | ||
<pre> | <pre> | ||
{{Tono | {{Tono|Morado}} | ||
</pre> | </pre> | ||
| Línea 105: | Línea 105: | ||
<pre> | <pre> | ||
{{Tono | {{Tono|#8E24AA}} | ||
</pre> | </pre> | ||
Revisión actual - 04:12 28 jul 2026
| Un lenguaje visual para organizar el conocimiento |
|---|
| La paleta de WikiFSF reúne 25 colores con funciones editoriales, educativas y simbólicas. Cada tono ayuda a distinguir ideas, advertencias, aprendizajes, reflexiones y áreas temáticas sin depender únicamente de las palabras. |
Este documento funciona como referencia para elegir colores de manera uniforme al crear artículos, tablas, fichas, bloques informativos y materiales de aprendizaje.
Los nombres técnicos de los colores se escriben sin acentos. Por esta razón se utiliza:
Cafe Indigo Rubi
Panel rápido de colores
La siguiente cuadrícula permite identificar visualmente los 25 colores oficiales de WikiFSF. Cada muestra presenta el nombre técnico y su código hexadecimal.
Rojo#D32F2F
|
Azul#1E88E5
|
Verde#43A047
|
Amarillo#FDD835
|
Naranja#FB8C00
|
Morado#8E24AA
|
Rosa#EC407A
|
Turquesa#26C6DA
|
Dorado#FFD700
|
Plata#C0C0C0
|
Negro#000000
|
Blanco#FFFFFF
|
Gris#9E9E9E
|
Cafe#6D4C41
|
Madera#A97458
|
Planta#3FC15A
|
Indigo#3949AB
|
Cielo#81D4FA
|
Arena#D7B377
|
Rubi#B71C1C
|
Esmeralda#00C853
|
Zafiro#0D47A1
|
Lavanda#CE93D8
|
Bronce#CD7F32
|
Cristal#E4F1F7
|
Regla rápida: los tonos oscuros utilizan normalmente texto Blanco; los tonos claros utilizan texto Negro.
Cómo utilizar la paleta
Los colores pueden declararse mediante su nombre FSF o escribiendo directamente su código hexadecimal.
Mediante el nombre FSF
| color=Morado | color-texto=Blanco | fondo=Lavanda | borde=Morado
Mediante códigos hexadecimales
| color=#8E24AA | color-texto=#FFFFFF | fondo=#CE93D8 | borde=#8E24AA
Ambas formas producen la misma combinación visual. El nombre FSF favorece la uniformidad; el código hexadecimal permite utilizar tonos especiales cuando un artículo lo requiera.
Traducción mediante Tono
La plantilla transparent convierte automáticamente un nombre oficial en su código hexadecimal:
{{Tono|Morado}}
Resultado:
#8E24AA
También puede recibir directamente un código:
{{Tono|#8E24AA}}
Criterios editoriales
| Criterio | Aplicación en WikiFSF |
|---|---|
| Jerarquía | El color debe ayudar a reconocer la función del bloque: informar, advertir, enseñar, reflexionar o concluir. |
| Legibilidad | Debe existir contraste suficiente entre el fondo y el texto. Los colores oscuros requieren letras claras. |
| Moderación | Se recomienda un color principal y uno o dos tonos complementarios por sección. |
| Coherencia | Un mismo significado debe conservar, cuando sea posible, el mismo color en diferentes artículos. |
| Accesibilidad | El significado nunca debe depender exclusivamente del color; debe acompañarse de títulos, palabras o símbolos. |
| Fondos | Blanco y Cristal son apropiados para textos largos porque permiten una lectura descansada. |
| Intensidad | Rojo, Rubi, Negro y otros tonos fuertes deben reservarse para elementos breves o de especial importancia. |
Familias funcionales de la paleta
Los 25 colores pueden organizarse en familias que facilitan su selección.
| Familia | Colores | Función principal |
|---|---|---|
| Información y conocimiento | Azul, Zafiro, Cielo, Turquesa y Cristal | Explicaciones, documentación, investigación, comunicación y apertura mental. |
| Aprendizaje y acción | Amarillo, Naranja, Rojo, Rubi y Dorado | Ideas clave, actividades, decisiones, advertencias y conclusiones relevantes. |
| Salud y naturaleza | Verde, Planta, Esmeralda, Madera y Cafe | Bienestar, regeneración, ecología, estabilidad y vida cotidiana. |
| Interioridad y espiritualidad | Morado, Indigo, Lavanda, Rosa y Plata | Reflexión, conciencia, intuición, afectividad y contemplación. |
| Neutralidad y transición | Blanco, Negro, Gris, Arena y Bronce | Contraste, descanso, transición, experiencia y estructura histórica. |
Mapa detallado de los 25 colores
Energía, aprendizaje y acción
Energía vital, impulso, fuerza interior y valentía. Se recomienda para advertencias, decisiones firmes y llamados breves a la acción.
Luz mental, aprendizaje, comprensión y descubrimiento. Es útil para conceptos clave, preguntas y materiales de estudio.
Creatividad, motivación, movimiento y alegría activa. Puede utilizarse en ejercicios, proyectos e invitaciones a participar.
Convicción, pasión y energía emocional intensa. Se reserva para declaraciones relevantes y momentos de gran fuerza.
Sabiduría, excelencia, maestría y valor superior. Es apropiado para enseñanzas centrales, logros y conclusiones especiales.
Conocimiento, verdad y comunicación
Calma, claridad mental, orden y serenidad. Funciona bien en explicaciones, contenidos educativos e información general.
Sabiduría, verdad, integridad y discernimiento. Se recomienda para investigación, fuentes, documentación y conclusiones razonadas.
Libertad, amplitud, inspiración y pensamiento expandido. Representa posibilidades, sueños y nuevos horizontes.
Comunicación sincera, respiración emocional y libertad interior. Es adecuado para diálogo y expresión de sentimientos.
Transparencia, claridad y entendimiento. Es uno de los fondos principales para documentación, resúmenes y textos extensos.
Salud, naturaleza y estabilidad
Sanación, restauración, equilibrio y bienestar. Es apropiado para salud, recuperación y recomendaciones favorables.
Regeneración, esperanza, vida nueva y vitalidad. Puede emplearse en ecología, jardinería y hábitos saludables.
Renacimiento, armonía y transformación positiva. Se utiliza para logros, recuperación y procesos de renovación.
Crecimiento, estructura natural y autenticidad. Es útil en temas de naturaleza, construcción y procesos orgánicos.
Raíces, hogar, estabilidad y seguridad física. Representa familia, alimentación, vivienda, historia y tradiciones.
Interioridad, afectividad y espiritualidad
Transformación espiritual, introspección y conciencia. Se recomienda para reflexiones y crecimiento interior.
Visión interior, intuición profunda y sabiduría silenciosa. Puede utilizarse en meditación e investigación espiritual.
Paz mental, descanso emocional y limpieza del pensamiento. Es apropiado para reflexiones suaves y acompañamiento.
Amor, ternura, compasión y unión. Se emplea en temas de familia, cuidado, afectividad y relaciones humanas.
Intuición refinada, flexibilidad y percepción. Es útil en análisis complementarios y contenidos contemplativos.
Neutralidad, contraste y transición
Pureza, verdad, limpieza y descanso visual. Es el fondo principal para textos amplios y contenidos de lectura continua.
Misterio, protección, silencio y potencial. Debe utilizarse con moderación en encabezados y contrastes intensos.
Neutralidad, integración, pausa y descanso. Es útil para información secundaria, notas técnicas o datos pendientes.
Adaptación, transición y aceptación. Representa viajes, periodos históricos y cambios graduales.
Experiencia, resistencia, madurez y trayectoria. Se recomienda para historia, testimonios y aprendizajes acumulados.
Combinaciones recomendadas
| Propósito | Encabezado | Fondo | Texto | Borde |
|---|---|---|---|---|
| Documentación general | Zafiro | Cristal | Negro | Cielo |
| Aprendizaje | Amarillo | Cristal | Negro | Dorado |
| Salud y bienestar | Verde | Cristal | Negro | Esmeralda |
| Reflexión espiritual | Morado | Lavanda | Negro | Indigo |
| Familia y cuidado | Rosa | Cristal | Negro | Lavanda |
| Advertencia importante | Rojo | Blanco | Negro | Rubi |
| Historia o testimonio | Bronce | Arena | Negro | Cafe |
| Conclusión destacada | Dorado | Cristal | Negro | Bronce |
Ejemplos con plantillas WikiFSF
Caja informativa
{{Tabla
| tipo=caja
| ancho=95%
| margen=0
| titulo=Idea central
| texto=Contenido principal de la explicación.
| color=Zafiro
| color-texto=Blanco
| fondo=Cristal
| borde=Cielo
}}
| Idea central |
|---|
| Contenido principal de la explicación. |
Caja de aprendizaje
{{Tabla
| tipo=caja
| ancho=95%
| margen=0
| titulo=Concepto para recordar
| texto=El color Amarillo ayuda a reconocer ideas, preguntas y aprendizajes importantes.
| color=Amarillo
| color-texto=Negro
| fondo=Cristal
| borde=Dorado
}}
| Concepto para recordar |
|---|
| El color Amarillo ayuda a reconocer ideas, preguntas y aprendizajes importantes. |
Bloque colapsable
{{Bloque colapsable
| titulo=Material complementario
| texto=Este contenido puede consultarse cuando el lector desee profundizar.
| estado=cerrado
| color=Morado
| color-texto=Blanco
| fondo=Lavanda
| borde=Indigo
}}
Uso de un color personalizado
Los nombres FSF son la opción recomendada, pero también pueden emplearse códigos hexadecimales:
{{Tabla
| tipo=caja
| titulo=Color personalizado
| texto=Este bloque utiliza códigos hexadecimales.
| color=#6A1B9A
| color-texto=#FFFFFF
| fondo=#F3E5F5
| borde=#AB47BC
}}
Buenas prácticas
- Utilizar nombres FSF para conservar una identidad visual uniforme.
- Escribir los nombres técnicos sin acentos: Cafe, Indigo y Rubi.
- Evitar demasiados colores intensos dentro de una misma sección.
- Reservar Rojo y Rubi para advertencias o mensajes verdaderamente importantes.
- Utilizar Blanco o Cristal como fondo de textos extensos.
- Mantener texto Blanco sobre Negro, Zafiro, Indigo, Morado, Rojo, Rubi y Cafe.
- Mantener texto Negro sobre Amarillo, Naranja, Cielo, Lavanda, Arena, Cristal y otros tonos claros.
- Acompañar siempre el color con títulos y palabras que expliquen su función.
- Comprobar visualmente la página en computadora y teléfono después de publicarla.
Conclusión
Los 25 colores de WikiFSF constituyen un lenguaje visual para organizar información, transmitir intención y facilitar el aprendizaje. Su valor no reside solamente en decorar una página, sino en ayudar al lector a reconocer la función de cada contenido.
| Principio de la paleta WikiFSF |
|---|
| El color orienta, acompaña y organiza; nunca debe dificultar la lectura ni sustituir el significado de las palabras. |