Manual de marca

eder3232

Arco Karen

かれんビー · 阿良々木火憐

Identidad visual de eder3232 durante el arco Karen: logo, color, tipografía, forma, voz, movimiento y aplicaciones.

v1.0 · octubre de 2026

01壹

Concepto

eder3232 no tiene una identidad fija: cambia de arco según el ánimo, y cada arco es una marca completa inspirada en un personaje de Monogatari. Lo único que no cambia es el nombre. Este manual documenta el arco Karen.

«Primero actúo, después pienso.»

Karen Araragi (阿良々木火憐) en Karen Bee (Nisemonogatari): la del buzo mostaza, que encara sola al estafador sin pensarlo dos veces. Energía increíble y sentido de justicia. La marca toma esa energía: actúa rápido, habla fuerte y resuelve.

Karen Araragi con su buzo amarillo

Motivos

  • ―El kanji 火 (fuego): el de las Fire Sisters.
  • ―El panal hexagonal: la abeja, sin mostrar nunca el insecto.
  • ―El huevo frito de su broche, chiquito y escondido.
  • ―El buzo mostaza y negro, y las diagonales de sus franjas.

Conceptos de apoyo

  • ―Aliada de la justicia (正義の味方)
  • ―Compasión ardiente (火憐)
  • ―Siempre subiendo

03參

Color

Negro y mostaza: el buzo amarillo y el polo negro de su primera aparición. Modo oscuro para pantallas y modo claro para documentos e impresos.

Proporción

60 % fondo
30 % texto y superficies
10 %

El amarillo es el golpe, no el fondo.

Modo oscuro · pantallas

  • Colmena

    Fondo

    #111008

    RGB 17, 16, 8

  • Panal

    Superficie

    #1E1C10

    RGB 30, 28, 16

  • Miel clara

    Texto

    #FFF8DC

    RGB 255, 248, 220

    Contraste 17.9:1

  • Polen

    Texto secundario

    #BDB184

    RGB 189, 177, 132

    Contraste 8.9:1

  • Buzo mostaza

    Acento

    #E0A82E

    RGB 224, 168, 46

    Contraste 8.9:1

  • Raya negra

    Texto sobre acento

    #111008

    RGB 17, 16, 8

    Contraste 8.9:1

  • Medias rojas

    Señal

    #CA5A58

    RGB 202, 90, 88

    Contraste 4.6:1

  • Cera

    Líneas

    #3A3520

    RGB 58, 53, 32

  • Buzo al sol#EDBF4E · RGB 237, 191, 78Acento en hover y foco (en oscuro, lo que se activa se aclara)
  • Buzo a la sombra#CC902E · RGB 204, 144, 46Acento presionado
  • Oliva hoja#7D642C · RGB 125, 100, 44Bordes de inputs y controles

Modo claro · documentos e impresos

  • Papel de la hoja

    Fondo

    #F5F0E7

    RGB 245, 240, 231

  • Papel doblado

    Superficie

    #EBE4D4

    RGB 235, 228, 212

  • Tinta

    Texto

    #111008

    RGB 17, 16, 8

  • Oliva oscuro

    Texto secundario

    #6B5525

    RGB 107, 85, 37

  • Buzo mostaza (solo relleno)

    Acento

    #E0A82E

    RGB 224, 168, 46

  • Raya negra

    Texto sobre acento

    #111008

    RGB 17, 16, 8

  • Medias rojas

    Señal

    #B83C3A

    RGB 184, 60, 58

  • Renglón

    Líneas

    #D6CBB2

    RGB 214, 203, 178

Reglas

  • ―Proporción 60 / 30 / 10: 60% fondo, 30% texto y superficies, 10% amarillo. El amarillo es el golpe, no el fondo.
  • ―Sobre papel (modo claro), el amarillo nunca es texto (1,9:1): solo franjas, bloques, el logo y botones con texto negro encima.
  • ―El rojo es solo para errores y alertas, y siempre con ícono o texto: nunca el color solo, por el daltonismo.
  • ―Nunca negro puro (#000) ni blanco puro (#fff) en pantalla: el contraste extremo produce halo y cansa la vista.
  • ―Modo oscuro para la web; modo claro para documentos (cotizaciones, recibos, propuestas) y todo lo impreso.

04肆

Tipografía

Cuatro familias, todas de Google Fonts con licencia libre (SIL Open Font License).
Dela Gothic One

Títulos (letras latinas)

Gruesa y compacta, como una patada. Siempre en mayúsculas o con tono de grito.

¡Tu web, ya! EDER3232

RocknRoll One

Títulos (kanji y kana)

La Dela convierte en manchas los kanji complejos: el japonés de los títulos va en RocknRoll One.

阿良々木火憐 · 其ノ貳

M PLUS 1

Texto

Gótica limpia y deportiva para leer: párrafos, formularios y documentos.

Páginas web, CRMs y Python. ¡Sin esperar meses, a la carga! 正義の味方として、困っている人を助けます。 0123456789 ¿¡ÁÉÍÓÚñ!?

Reggae One

Acento

Trazo de pincel para gritos puntuales, citas y rótulos. Se inclina a mano −12°: no tiene cursiva propia.

Aliada de la justicia.

Escala

Tamaños de celular (360 px) a escritorio (1280 px); en medio crecen de forma fluida.

  • Display

    49→72 px · interlineado 1 · -0.01 em

    Title cards y hero

    ¡Primero actúo! 火

  • H1

    39→54 px · interlineado 1.05 · -0.01 em

    Título de página

    ¡Primero actúo! 火

  • H2

    31→40 px · interlineado 1.15

    Título de sección

    ¡Primero actúo! 火

  • H3

    25→30 px · interlineado 1.25

    Subtítulo, tarjetas

    ¡Primero actúo! 火

  • Cita

    22→28 px · interlineado 1.3

    Frases sueltas y citas (inclinada)

    Aliada de la justicia

  • Lead

    20→23 px · interlineado 1.5

    Párrafo de entrada

    Páginas web, CRMs y Python. ¡Sin esperar meses, a la carga!

  • Texto

    16→17 px · interlineado 1.7

    Párrafos, formularios, documentos

    Páginas web, CRMs y Python. ¡Sin esperar meses, a la carga!

  • Rótulo

    13→14 px · interlineado 1.4 · 0.2 em

    Etiquetas sobre títulos, en mayúsculas

    Aliada de la justicia

  • Pequeño

    14→15 px · interlineado 1.6

    Notas, ayudas de formulario

    Páginas web, CRMs y Python. ¡Sin esperar meses, a la carga!

  • Mínimo

    12→12 px · interlineado 1.5 · 0.02 em

    Créditos y legales; nunca más chico

    Páginas web, CRMs y Python. ¡Sin esperar meses, a la carga!

Reglas

  • ―Nunca cursiva sintética: si una fuente no tiene cursiva propia, va derecha o se inclina a mano a −12°.
  • ―Texto con interlineado 1,7: convive con japonés, y el kanji necesita más aire que el latín.
  • ―Líneas de 65 caracteres como máximo.
  • ―Títulos grandes con espaciado −0,01 em: la Dela es ancha y a gran tamaño se separa.
  • ―Nunca texto de menos de 12 px.

05伍

Forma

«Tokusatsu»: paneles de armadura de los héroes de serie que Karen imita. Esquinas cortadas, bordes firmes y sombras duras.
Esquinas
Chaflán de 14 px en tarjetas y 8 px en controles. Nunca redondeadas.
Bordes
2 px. En campos y controles, oliva #7D642C.
Sombra
Dura, 5 px abajo a la derecha, sin difuminar. Solo en lo importante.
Diagonal
12°, el mismo ángulo de la letra de acento.
Espaciado
Múltiplos de 4 px.
Alto mínimo
44 px en controles, para tocarlos cómodo en el celular.

¡Automatizaciones!

¿Esa tarea que te roba horas? La derroto en una semana.

NuevoPythonUrgente

06陸

Patrón

«Celdas encendidas»: un panal de trazo tenue donde algunas celdas se llenan de amarillo y se acumulan hacia un lado. Energía que se junta y no se queda quieta.
Intenso · portadas y momentos de golpe
Sutil · fondo de secciones
Apagado · estados vacíos y 404

Derivados

Carga: las celdas se encienden en secuencia.

Reglas

  • ―Asimetría y algo de azar: nunca una repetición pareja.
  • ―La energía se acumula hacia un lado (en general, la derecha o una esquina).
  • ―Nunca el insecto: la abeja se dice con el panal.
  • ―Detrás de un texto, las celdas se alejan o el texto lleva contorno oscuro, para que siempre se lea.

07漆

Imágenes e íconos

Se usa arte oficial de la serie, con respeto y con crédito. Las imágenes van en un marco Tokusatsu que no las interviene.

Tratamientos, por frecuencia de uso

Karen de espaldas
Marco Tokusatsu · el habitual
Karen en un pasillo
Celdas encima · de vez en cuando
Karen de espaldas, con trama
Trama de cómic · poco, para variar

Íconos

Phosphor Icons en peso regular. Para destacar, en celda: el ícono en bold dentro de un hexágono amarillo, como el 火 del isotipo.

Arte oficial del arco

Avatar del arcoKey visual del arco

Avatar (512×512) y key visual (1920×1080). La marca no muestra la cara de eder3232: el avatar del arco ocupa su lugar.

08捌

Voz

Karen pura: una heroína de tokusatsu. El problema del cliente es el villano y la marca entra a pelear.
  • ―Exclamaciones y verbos de pelea: derrotar, a la carga, ¡ya!
  • ―Héroe de tokusatsu: el problema del cliente es el villano.
  • ―De tú, en español de Perú.
  • ―Lo gratis es «servicio comunitario», como cuando caminaba de cabeza por la calle.

Ejemplos

  • Titular¡Tu web, tu sistema, tu automatización! ¡Hechos ya!
  • SubtítuloPáginas web, CRMs y Python. ¡Sin esperar meses, a la carga!
  • Servicio¡Automatizaciones! ¿Esa tarea que te roba horas? La derroto en una semana.
  • Llamado¡Escríbeme ya!
  • Error¡Ese correo no pasa! Revísalo y vuelve a la carga.
  • Éxito¡Mensaje recibido! Te respondo antes de que termines tu café.
  • 404¡Esta página huyó! Pero el inicio sigue en pie.
  • Algo gratis¡Servicio comunitario! Herramientas gratis para todos.

Title cards

Pantallas de texto al estilo de Shaft (el estudio de Monogatari): cortes breves, a pantalla completa, a veces con kanji.

Capítulo

其ノ貳

¡Ya!

Servicios

Justicia, pero con deadline.

火

09玖

Movimiento

Rápido y con impacto: actúa antes de pensar. Todo se desactiva si el sistema pide reducir el movimiento.

Entrada con estela

Lo que entra deja tres copias fantasma amarillas que se recogen detrás. Solo donde hay un recorrido real: títulos, indicadores, menús.

¡Primero actúo,después pienso!

Indicador con estela

La barra viaja a la pestaña elegida y sus fantasmas llegan tarde. Haz clic en las pestañas.

Flash de title card

Entre secciones o páginas: un destello amarillo con un kanji, de menos de medio segundo. Es un corte seco, sin estela.

Sección anterior…

火

Error: voltereta y cae de pie

El campo tiembla y el ícono da una voltereta y aterriza, como Karen cuando la hacen tropezar.

¡Ese correo no pasa! Revísalo y vuelve a la carga.

El pino

Algunos elementos se ponen de cabeza al pasar el mouse, como Karen caminando con las manos. Pasa el mouse por la etiqueta.

Servicio comunitario

Botón que se hunde

El botón principal se hunde en su sombra al presionarlo. Haz clic.

Encendido en cadena

Al aparecer una sección, sus elementos se encienden uno tras otro, como las celdas del panal.

10拾

Aplicaciones

El arco aplicado a cada pieza de comunicación.

Correo y enlaces

Firma de correo
Firma de correo: el grito en Dela sobre el bloque amarillo
Imagen para compartir enlaces
Imagen al compartir enlaces (1200×630)

YouTube

Banner de YouTube
Banner del canal (2048×1152)
Foto de perfil
Foto de perfil (YouTube y TikTok)
Distribución de video a pantalla completa
Videos y directos: pantalla completa con la webcam en la esquina
Distribución de video con columna
Videos y directos: pantalla con columna lateral
Miniatura amarilla
Miniatura · base amarilla
Miniatura diagonal
Miniatura · corte a 12°
Miniatura con captura
Miniatura · con captura

Directos

Empezamos pronto
始 · Empezamos pronto
Vuelvo ya
休 · Vuelvo ya
Fin del directo
終 · Fin del directo
Variante Shaft
Variante secundaria: plana, con el kanji gigante
Variante title card
Variante terciaria: oscura con celdas

TikTok

Plantilla de video vertical
Plantilla vertical: pantalla arriba, webcam y título abajo
Portada amarilla
Portada principal
Portada oscura
Portada secundaria
Cierre con llamado
Cierre: «¡Escríbeme ya!»

Documentos

Modo claro: papel crema, tinta casi negra y el amarillo solo como relleno. Cotización de ejemplo, con datos ficticios.

eder3232

COTIZACIÓN

Nº 0001 · 12 de octubre de 2026 · válida hasta el 27 de octubre de 2026

Para

Constructora Ejemplo S.A.C.

RUC 20600000001

Área de marketing · Arequipa

De

SUCAPUCA CRUZ EDDY EDER

RUC 10XXXXXXXXX

eldebar.dk@gmail.com · +51 973 617 833

¡LA MISIÓN!

Proyecto y alcance

Página web corporativa

Sitio web para presentar a la constructora, sus proyectos y captar clientes, administrable por el equipo de marketing.

  • Diseño a medida con la identidad de la empresa (escritorio y celular).
  • 5 secciones: inicio, nosotros, proyectos, avances de obra y contacto.
  • Ficha por proyecto con galería, planos y brochure descargable.
  • Formulario de contacto con aviso al correo y botón de WhatsApp.
  • Panel para que el equipo edite textos e imágenes sin programar.
  • Publicación en el dominio de la empresa y configuración de SEO básico.

¡PLAN DE ATAQUE!

Inversión y pagos por etapas
EtapaCuándo%Monto
AdelantoAl aceptar la cotización50%S/ 1,225.00
EntregaAl entregar el proyecto50%S/ 1,225.00
TotalS/ 2,450.00

Recibo por honorarios electrónico, sin IGV. Ningún pago supera S/ 1,500.00: no corresponde retención de 4ta categoría.

¡LAS REGLAS!

Condiciones
Validez
15 días desde la emisión
Tiempo de entrega
20 días hábiles desde el adelanto
Revisiones incluidas
2 rondas de cambios sobre lo entregado
Forma de pago
Transferencia o depósito
BCP · SolesXXX-XXXXXXXX-X-XXCCIXXXXXXXXXXXXXXXXXXXXTitularSUCAPUCA CRUZ EDDY EDER

¿Listo? ¡A la carga!

Para aceptar, responde este correo o escríbeme por WhatsApp al +51 973 617 833.

eder3232.com

Cotización (web impresa a PDF)
eder3232

COTIZACIÓN

Nº 0002 · 12 de octubre de 2026 · válida hasta el 27 de octubre de 2026

Para

Distribuidora Ejemplo E.I.R.L.

RUC 20600000002

Gerencia · Lima

De

SUCAPUCA CRUZ EDDY EDER

RUC 10XXXXXXXXX

eldebar.dk@gmail.com · +51 973 617 833

¡LA MISIÓN!

Proyecto y alcance

CRM de ventas con reportes automáticos

Sistema web para registrar clientes, pedidos y seguimiento comercial, con reportes que llegan solos al correo.

  • Registro de clientes, contactos y pedidos, con búsqueda y filtros.
  • Embudo de ventas por vendedor, con recordatorios de seguimiento.
  • Importación de la data actual desde Excel.
  • Reporte semanal automático (Python) enviado al correo de gerencia.
  • Usuarios con permisos: gerencia, ventas y almacén.
  • Capacitación de 2 horas y manual de uso.

¡PLAN DE ATAQUE!

Inversión y pagos por etapas
EtapaCuándo%Monto
AdelantoAl aceptar la cotización50%S/ 3,400.00
Retención 4ta categoría (8%) −S/ 272.00 · depositasS/ 3,128.00
EntregaAl entregar el proyecto50%S/ 3,400.00
Retención 4ta categoría (8%) −S/ 272.00 · depositasS/ 3,128.00
TotalS/ 6,800.00

Recibo por honorarios electrónico, sin IGV. Si tu empresa está obligada a retener, en cada recibo mayor a S/ 1,500.00 retienes el 8% de renta de 4ta categoría, me depositas el neto y lo declaras a SUNAT.

¡LAS REGLAS!

Condiciones
Validez
15 días desde la emisión
Tiempo de entrega
35 días hábiles desde el adelanto
Revisiones incluidas
2 rondas de cambios sobre lo entregado
Forma de pago
Transferencia o depósito
BCP · SolesXXX-XXXXXXXX-X-XXCCIXXXXXXXXXXXXXXXXXXXXTitularSUCAPUCA CRUZ EDDY EDER

¿Listo? ¡A la carga!

Para aceptar, responde este correo o escríbeme por WhatsApp al +51 973 617 833.

eder3232.com

Con pagos sobre S/ 1,500: incluye la retención del 8 %

11拾壹

Créditos y descargas

Archivos del logo y créditos de lo que no es de eder3232.

Descargas

Créditos

  • ―Karen Araragi y Monogatari: © NISIOISIN/KODANSHA, Aniplex, SHAFT. El arte oficial se usa como fan, con respeto y con crédito.
  • ―Dela Gothic One, RocknRoll One, M PLUS 1 y Reggae One: SIL Open Font License 1.1 (Google Fonts).
  • ―Íconos: Phosphor Icons (MIT).