Materia cromática
Copy paper
#F2F1EAAsphalt
#111111Warning
#FF3B00Link blue
#0647FFRP-10
Raw Protocol
La interfaz no oculta el sistema.
INTENCIÓN DEL SISTEMA
Brutalismo digital operativo: bordes expuestos, mensajes directos, estados visibles y composición de herramienta interna elevada a identidad.
IDEAL PARADevtoolsHackathonsPlataformas experimentales
Voz tipográfica
- Display
- Arial Black / grotesca pesada
- Body
- Arial
- Utility
- Berkeley Mono / ui-monospace
Comportamiento
- Forma
- Rectángulos sin radio, bordes de 2 px, sellos y zonas de arrastre.
- Movimiento
- Cambios instantáneos y jitter de 80 ms solo al confirmar.
- Firma
- Crosshair que convierte el punto activo en etiqueta de compilación.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01El estado nunca se esconde
02Lo áspero sigue siendo usable
03El copy funciona como instrucción
Evita esto
×1Ruido sin jerarquía
×2Texto críptico por pose
×3Glitches constantes
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Nav terminal
↗Banner de error
↗Command button
↗Tabla raw
↗Dropzone
↗Toggles mecánicos
↗06 / HANDOFF
Listo para tu agente.
El prompt preserva la intención del tema sin obligar a copiar esta página. Así se adapta al producto que ya existe.
Implementa el sistema visual “Raw Protocol” (RP-10) de Co.De Strategy Systems Atlas. Intención: Brutalismo digital operativo: bordes expuestos, mensajes directos, estados visibles y composición de herramienta interna elevada a identidad. Paleta: Copy paper #F2F1EA, Asphalt #111111, Warning #FF3B00, Link blue #0647FF Tipografía: display Arial Black / grotesca pesada; cuerpo Arial; utilidad Berkeley Mono / ui-monospace. Forma: Rectángulos sin radio, bordes de 2 px, sellos y zonas de arrastre. Movimiento: Cambios instantáneos y jitter de 80 ms solo al confirmar. Firma visual: Crosshair que convierte el punto activo en etiqueta de compilación. Principios: El estado nunca se esconde; Lo áspero sigue siendo usable; El copy funciona como instrucción. Evita: Ruido sin jerarquía; Texto críptico por pose; Glitches constantes. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.