Forma · Eidos

Continuidad

El arco circular tiene un quiebre donde el lado encuentra la curva. El squircle (superelipse) fluye sin costura — lo que hace premium a iOS. En Eidos es un token: --shape-smoothing. Muévelo.

rounded · arco · superellipse(1)

continuous · superellipse({smoothing.toFixed(2)})

suavizado {smoothing.toFixed(2)} corner-shape: superellipse(var(--shape-smoothing));

Familias

Una sola mecánica (corner-shape vía data-shape) cubre cuatro familias perceptuales. Material solo tiene cut; Apple solo continuous. Aquí, las cuatro.

{#each FAMILIES as f}

{f.label}{f.note}

{/each}

Armonía anidada

Radios concéntricos: el interior = exterior − gap, así las esquinas quedan paralelas. Sin esto, una tarjeta dentro de otra desencaja. Solo SwiftUI lo tiene; aquí es data-shape-nest. Apágalo y míralo romperse.

{#if nest}

{:else}

{/if}

radios concéntricos {nest ? '· on' : '· off (radio fijo, desencaja)'}

La forma ocurre

Púlsalo: 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 solo evento, tres canales: la firma cross-modal. (Solo el botón continuous morfea; el otro es el control.)