Escantillón
Un taller no se vende con tarjetas: se vende con la tabla
Escantillón es la única de las nueve piezas cuyo contenido principal son TABLAS. No es una rareza de maquetación: es lo que un comprador industrial busca cuando entra al sitio de un taller, y ponerlo en tarjetas habría sido disfrazarlo.
- Construido con
- Astro 6 + CSS a mano
- Páginas
- 3 + 404
- Tipografías
- 3 familias, 4 archivos
Qué es la pieza
Un sitio de tres páginas para un taller inventado de corte láser, plegado CNC y ensamble de lámina metálica. La portada plantea el problema y adelanta la tabla de corte; `/capacidades` es la ficha técnica completa; `/planta` es un ensayo fotográfico de cinco estaciones. Hay también una página de error.
El nombre es el argumento, y por eso se eligió antes que el diseño: un escantillón es la plantilla contra la que se traza y se comprueba una pieza. De ahí sale la frase que sostiene el sitio entero (lo que no coincide con el patrón no sale de la nave) y de ahí sale el isotipo, que es una placa de galga con tres ranuras.
Las tres decisiones que la hacen distinta
Las tres se pueden comprobar abriendo el sitio publicado; ninguna es una preferencia de estilo.
La ficha técnica va en tablas, no en tarjetas
Seis tablas en la página de capacidades (corte, plegado, unión, acabado, tolerancias y materiales) con treinta y ocho filas entre todas, más la de corte adelantada en la portada. Quien cotiza una pieza compara espesores, tolerancias y longitudes útiles: eso es una tabla, y meterlo en tarjetas obliga a recorrer seis bloques para comparar dos números. Cada tabla lleva su leyenda visible, y el marco es una región navegable con teclado, así que la tabla que se desborda en el teléfono se puede recorrer sin mouse.
Los datos de contacto son texto, no enlaces
El teléfono está en el rango 555-01xx, el que se reserva para ficción, y el correo vive bajo el dominio `.example`, que la norma RFC 2606 reserva para ejemplos y que no resuelve nunca. Un enlace que promete escribir a un buzón inexistente es exactamente la promesa falsa que este ejemplo no hace, así que los datos se muestran y no se enlazan. No hay formulario en todo el sitio: sin backend, un formulario sería la misma promesa con otra forma.
Ni una esquina redondeada, y CSS escrito a mano
El sistema define un radio, y ese radio vale cero: el sitio entero es de ángulo vivo, que es el registro de una nave de lámina. No hay framework de estilos (ni Tailwind ni ninguno): son tres familias tipográficas en cuatro archivos, 74 KB en total, y una hoja de estilos escrita a mano con las razones de contraste comentadas al lado de cada valor.
Lo que NO hay, y por qué eso es el punto
No hay una sola cifra de negocio: ni piezas al año, ni clientes, ni años de experiencia. No hay certificaciones (ni ISO, ni IATF, ni ninguna), no hay testimonios y no hay logotipos de clientes. Se comprobó en las tres páginas publicadas: cero apariciones de cada una de esas cosas.
Los números que sí están son capacidades de equipo de una planta que no existe, y cada página lo declara. La diferencia importa: una capacidad de máquina es una afirmación que se puede verificar contra el equipo; un testimonio inventado es una mentira con nombre y apellido. En un ejemplo de portafolio lo primero es material de trabajo y lo segundo es basura.
Sin JavaScript se ve entera, y no por casualidad
Todo el JavaScript del sitio son veinte líneas en un archivo cuyo único trabajo es ENCENDER la animación, no apagarla: pone un atributo en la etiqueta raíz y sale. El CSS sólo se permite esconder algo cuando ese atributo está, así que sin JavaScript, con el JavaScript roto o con la preferencia de menos movimiento activada, el atributo nunca aparece y no hay nada escondido que revelar.
Es la diferencia entre una página que se anima y una página que depende de animarse para existir. La segunda se ve en blanco cuando algo falla; ésta se ve completa.
Por qué está fuera de Google, y por triplicado
El sitio declara `noindex` en la etiqueta de robots de cada página, lo repite en la cabecera `X-Robots-Tag` que manda el servidor, y además su `robots.txt` bloquea el sitio entero. Tres candados en tres capas distintas, porque una marca que no existe no tiene por qué competir en los buscadores con talleres que sí existen. Verificado sobre el sitio publicado, no sobre el código.
Escantillón no existe
Es una marca inventada por nosotros para esta demostración. El nombre, el logotipo, los textos, los teléfonos, los correos, los domicilios y todas las cifras que aparecen en el sitio son datos ficticios: no hay ninguna empresa detrás y no fue un trabajo para un cliente. Lo construimos entero para mostrar cómo resolvemos este tipo de problema. El sitio está fuera de los buscadores a propósito, para que una marca que no existe no compita en Google con negocios que sí.
Qué demuestra
Demuestra que la forma sale del contenido: si lo que el comprador necesita es comparar números, se le da una tabla, y si la empresa no existe todavía, los datos de contacto se muestran sin prometer que alguien va a contestar.
Así trabajamos las páginas web para negocios: diseño, hospedaje y administración.