Biblioteca del sistema
Elementos para construir una identidad coherente.
Esta página reúne las decisiones visibles de ARKTI. Cada muestra utiliza los componentes reales del tema y sirve como referencia para diseñar, editar y revisar.
01 · Fundamentos
Color y espacio
Una paleta material y contenida. El color organiza y acompaña; nunca transmite información por sí solo.
#F2F0EA#E8E5DE#20211F#666861#C9C7C0#9A5537#5F6C58Escala de espacio
02 · Tipografía
Una sola familia, jerarquías explícitas
Inter sostiene tanto la lectura editorial como la interfaz. El tamaño, el peso y el espacio establecen la función.
Archivo de decisiones
La estructura hace legible lo complejo
Una escala con pocas voces
Título de componente
Un párrafo inicial orienta antes de desarrollar el contenido.
La lectura principal mantiene un ritmo amplio, una longitud controlada y contraste suficiente.
Enviar mensaje
03 · Acciones
Controles que explican lo que hacen
El estado de foco es más visible que el hover. Ninguna acción depende únicamente del color.
Botones y enlaces
Estados
04 · Formularios
Etiquetas, ayuda y recuperación
La persona debe entender qué se solicita, detectar el error cerca del campo y conservar lo que ya ha escrito.
Se utilizará únicamente para responder.
Explica la información con al menos 20 caracteres.
Estado persistente
La acción se ha completado. El mensaje permanece visible hasta que la persona decida continuar.
05 · Composición
Piezas editoriales reutilizables
Las composiciones combinan elementos del núcleo de WordPress, estilos y patrones. No crean un sistema paralelo.
Lead, cita y nota
La arquitectura comienza al ordenar relaciones, no al añadir objetos.
Documentar una decisión permite revisarla sin reconstruir todo su contexto.
Principio editorial ARKTI
Ficha de metadatos
Fila de archivo
Inventario de soluciones reversibles
Una matriz breve para comparar uniones, mantenimiento y capacidad de desmontaje.
Estado vacío
No hay coincidencias
Revisa la escritura, prueba con menos palabras o vuelve al índice principal.
Ver todos los recursos →Guía Gutenberg
Elegir por función, no por apariencia
Busca primero la familia que corresponde a la tarea. Las descripciones del selector explican el uso previsto a lectores de pantalla.
Estructura 6
- Hero editorial
- Introducción de sección
- Accesos principales
- Nota de actualidad
- Siguiente contenido
- CTA simple
Lectura 12
- Artículo destacado
- Texto y lista editorial
- Lead, imagen, nota y cita
- Índice y archivo cronológico
- Comparación y referencias
- Lecturas relacionadas
Proyectos 3
- Proyecto destacado
- Galería de proyecto
- Ficha de metadatos
Utilidad 5
- Filtros de recursos
- Lista de recursos
- Contacto
- Estado vacío
- Error recuperable
Uso
Una referencia para construir y revisar.
Antes de crear un componente nuevo, esta biblioteca permite comprobar si la necesidad ya está cubierta por un elemento, una variante o uno de los 26 patrones Gutenberg existentes.
Consultar criterios de accesibilidad →