Image generation is handled by a custom Astro integration, similar to @astrojs/image, and all images are wrapped in a custom Figure component for richer content and better semantics. The image optimisations are carefully synchronised with the layout. Aspect ratio awareness is mandatory to eliminate CLS.

This website uses break points defined by the content itself to reorganise content in 4 different layouts.

About the typefaces used in this website and the responsive typographical scale in use.