← ATLASOM-01 / MINIMALPARA AGENTES ↗

OM-01

Orbital Minimal

Silencio con trayectoria.

INTENCIÓN DEL SISTEMA

Un sistema preciso, sereno y editorial. Cada elemento tiene una órbita clara; el vacío comunica tanto como el contenido.

IDEAL PARAProductos premiumPortafoliosHerramientas de decisión

01 / COLOR

Materia cromática

Vacuum#F1EFE7

Carbon#141517

Signal#FF4D19

Alloy#B8B6AD

02 / TIPO

Voz tipográfica

Display: Arial Narrow / sans condensada
Body: Helvetica Neue / sans neutral
Utility: ui-monospace

03 / FORMA + MOVIMIENTO

Comportamiento

Forma: Radios mínimos; círculos y líneas de 1 px.
Movimiento: Desplazamientos de 240 ms, sin rebote.
Firma: Un punto naranja que marca el dato o acción decisiva.

04 / REGLAS DE VUELO

El sistema funciona
cuando decides así.

Haz esto

01Una idea por viewport

02La alineación crea el ritmo

03El acento aparece una sola vez

Evita esto

×1Sombras decorativas

×2Tarjetas redondeadas repetitivas

×3Más de un color de señal

05 / COMPONENT KIT

Piezas del universo.

Componentes de referencia para trasladar la dirección visual a un producto completo.

Probar en Component Foundry ↗Abrir este universo en Lab ↗

Hero de producto

↗

Navegación global

↗

Tarjeta de contenido

↗

Sistema de datos

↗

Formulario principal

↗

Feedback y estados

↗

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 “Orbital Minimal” (OM-01) de Co.De Strategy Systems Atlas.

Intención: Un sistema preciso, sereno y editorial. Cada elemento tiene una órbita clara; el vacío comunica tanto como el contenido.
Paleta: Vacuum #F1EFE7, Carbon #141517, Signal #FF4D19, Alloy #B8B6AD
Tipografía: display Arial Narrow / sans condensada; cuerpo Helvetica Neue / sans neutral; utilidad ui-monospace.
Forma: Radios mínimos; círculos y líneas de 1 px.
Movimiento: Desplazamientos de 240 ms, sin rebote.
Firma visual: Un punto naranja que marca el dato o acción decisiva.
Principios: Una idea por viewport; La alineación crea el ritmo; El acento aparece una sola vez.
Evita: Sombras decorativas; Tarjetas redondeadas repetitivas; Más de un color de señal.

Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.

SIGUIENTE UNIVERSO / TP-02Total Pink↗