Saltar al contenido

Margen · Familias y modos

Un catálogo para leer, comparar y elegir.

Apariencia / 16 familias · 32 versiones

Un tema, dos formas de verlo.

Abre el sol o la luna de la cabecera. Elige una familia y después Claro, Oscuro o Sistema. Puedes cambiar de tema sin perder tu modo de lectura.

Sistema sigue la apariencia de tu dispositivo. Las muestras se actualizan para anticipar el resultado; busca por nombre o filtra la categoría Editores para encontrar Modern, GitHub, Catppuccin y Solarized.

El color también organiza.

Compara títulos, datos, código, anotaciones y comentarios con el mismo tema. Letras y sonido tienen su propia pestaña: puedes usar cualquier combinación tipográfica sin cambiar la paleta.

Ver los datos de balance de horas
Balance de horas
ActividadHoras
Investigar60 h
Construir25 h
Revisar15 h
Ajuste de registro−10 h
Datos ilustrativos; corte 13-sep-2026.
preparar_resumen.py · Python
def resumir(registros):
    cantidades = [fila["cantidad"] for fila in registros]
    total = sum(cantidades)
    if not cantidades:
        return {"total": 0, "promedio": None}
    return {"total": total, "promedio": total / len(cantidades)}
Ejemplo ilustrativo. Las líneas 3 y 6 explican el cálculo; el botón copia el código sin números de línea.
saldo por bolsillo · ejemplo ilustrativo 
       rango   bolsillos        total COP
  ------------  ---------  ---------------
  menos de $100        349            5.120
    más de $1M          5    14.434.490
Datos ilustrativos. La columna que importa va señalada, no en negrita.

Una decisión necesita contexto.

La evidencia sirve cuando nos ayuda a decidir mejor. Un reporte puede dejar una pregunta breve al margen sin interrumpir el argumento.

Explicar también es editar.

Antes de agregar otra gráfica, prueba a quitar lo que sobra. La anotación acompaña al párrafo; el subrayado se dibuja cuando aparece.

Corrección ilustrativa: cinco días tres días. Conserva visible el cambio y explica su motivo.

Familias disponibles
FamiliaCarácterModo
EditorialPapel cálido · cobreClaro / Oscuro / Sistema
SeaAzul oceánico · mentaClaro / Oscuro / Sistema
OlivaBotánico · verdeClaro / Oscuro / Sistema
ArcillaTerracota · arenaClaro / Oscuro / Sistema
CiruelaMalva · tinta violetaClaro / Oscuro / Sistema
LiftitLMS · Ribbon, Bay y coralClaro / Oscuro / Sistema
TikinBlanco y negro · rojo TikinClaro / Oscuro / Sistema
CatabumComunidad · violeta y magentaClaro / Oscuro / Sistema
KairaWarm paper · deep plum · antique goldClaro / Oscuro / Sistema
BlueprintPlano · cuadrículaClaro / Oscuro / Sistema
HackerTerminal · verdeClaro / Oscuro / Sistema
LinearGrafito · lavandaClaro / Oscuro / Sistema
ModernVS Code · azulClaro / Oscuro / Sistema
GitHubNeutros · azulClaro / Oscuro / Sistema
CatppuccinLatte / Mocha · pastelClaro / Oscuro / Sistema
SolarizedMarfil / petróleo · cianClaro / Oscuro / Sistema
La familia define los colores. El modo decide si el papel es claro u oscuro.

También para tu agente.

En Claude, Codex o Hermes, pide por ejemplo: “Usa Catppuccin, sigue el sistema y conserva la tipografía Editorial”. La misma elección se puede fijar al generar el archivo:

Crear un documento
python3 scripts/create_artifact.py --contenido contenido.html --titulo 'Mi documento' --tema catppuccin --modo system --salida documento.html
0%