Eidos · canal de forma
Toda la web reduce la forma a un número: border-radius, un arco. La esquina
tiene más ejes — continuidad, familia,
armonía y tensión. Aquí la forma es un canal: tócala y mira
la misma UI cambiar de carácter.
Una tarjeta real. Cambia familia, suavizado, magnitud o el anidado concéntrico y todo se reentona a la vez — un solo sistema, no estilos sueltos. (El avatar es un círculo de verdad: las familias no lo deforman, por diseño.)
data-shape="{family}"{family === 'continuous' ? ` · --shape-smoothing:${smoothing.toFixed(2)}` : ''}
El arco circular tiene un quiebre donde el lado encuentra la curva. El squircle (superelipse) fluye sin costura — lo que hace premium a iOS. Misma magnitud, distinta continuidad.
superellipse(1) — arcosuperellipse(2) — squircle
Una sola mecánica (corner-shape vía data-shape) cubre cuatro
familias. Material solo tiene cut; Apple solo continuous. Aquí,
la misma etiqueta en las cuatro:
Púlsalos: la esquina se afirma bajo el dedo (la continuidad se cuadra un instante)
a la vez que baja de escala y se aplana la sombra — un evento, tres canales: la firma
cross-modal. El botón rounded es el control: no morfea.
El campo entero (Tailwind · shadcn · Chakra · Mantine · Ant · Radix · Carbon · Fluent · Spectrum · Polaris) se queda en la primera columna.