Aim Designs
La identidad y el sitio web que estás viendo, diseñados y programados desde cero.
El encargo
Mi propio estudio necesitaba una casa que hiciera lo que vendo: diseño gráfico claro y con carácter, y un sitio web rápido, accesible e inconfundiblemente mío. Sin plantillas ni constructores de páginas.
La identidad
El lenguaje visual viene de la imprenta. Las marcas de corte enmarcan cada imagen como una prueba de impresión, los pies de foto se componen como líneas de imprenta, una barra de color CMYK firma el pie de página y el retrato de portada se imprime en placas cian, magenta y amarilla que entran en registro. Un solo color directo, el bermellón, sobre tonos de papel sin estucar.
#F1EFE9
#121212
#E8402A
#57544D
#E7E4DB
AaMona Sans — Expandida 760
Titulares
AaMona Sans — Expandida 330
Títulos de sección
AaMona Sans — Normal 420
Lectura
AaMonaspace Neon
Etiquetas y pies
La tipografía es una sola familia, Mona Sans, usada a lo largo de su eje de ancho: expandida y pesada para titulares, expandida y liviana para títulos de sección, normal para leer. Monaspace Neon se encarga de las etiquetas de catálogo.
La construcción
El sitio está hecho con Astro y no envía ningún runtime de framework al navegador. Los proyectos son archivos Markdown, así que sumar uno es un archivo y una imagen. Las fuentes están recortadas a los caracteres que realmente se usan, y la de titulares se reduce a un archivo estático de 18 KB para que pinte primero. Las imágenes se sirven en AVIF y WebP en tamaños responsivos, las páginas se transforman entre sí con View Transitions nativas, el sitio completo está en inglés y en español, y cada interacción funciona con teclado y respeta la preferencia de movimiento reducido.
El resultado
Puntajes de 100 en rendimiento, accesibilidad, buenas prácticas y SEO en Lighthouse de escritorio, sin saltos de diseño mientras carga. El Lab de la página principal lo vuelve a medir, en vivo, en tu propio navegador.