#visual-design
3 meta docs under #visual-design
-
My website: Responsive images
Image generation is handled by a custom Astro integration, similar to
@astrojs/image
, and all images are wrapped in a customFigure
component for richer content and better semantics. The image optimisations are carefully synchronised with the layout. Aspect ratio awareness is mandatory to eliminate CLS. -
My website: Colour
Colour palettes. They've been so fine tuned, they're vintage cheese 🐭 by now.
-
My website: Layout
This website uses break points defined by the content itself to reorganise content in 4 different layouts.