https://caed2eb5.hugo-theme-liquid-demo.pages.dev/tags/design/A privacy-safe demo of Hugo Theme Liquid for layout, typography, and progressive glass surfaces.Hugo -- gohugo.iozh-CNhttps://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/designing-software-for-humans/Thu, 27 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/designing-software-for-humans/Introduction Software is often described as a machine: inputs go in, outputs come out, and the interesting work happens somewhere behind an interface. That metaphor is useful for reasoning about reliability, but it leaves out the person who has to decide what the input means, notice whether the output is trustworthy, and recover when something goes wrong. Most software is not used by a perfectly attentive operator. It is used by someone carrying a question, a deadline, a half-remembered instruction, or a cup of coffee that has already gone cold. https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/image-rendering-showcase/Sun, 23 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/image-rendering-showcase/Why Local Assets Matter These images live in static/images/test-assets/, so this page is deterministic even when a preview is rendered offline. Their colors are intentionally quiet, while their dimensions make it easy to inspect max-width, intrinsic sizing, aspect ratio, and mobile overflow. Landscape Image The landscape has a 1200×675 view box. Its caption is supplied by the alt text above, which should remain useful to a screen reader without being repeated visually by accident. https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/typography-showcase/Wed, 19 Aug 2026 00:00:00 +0000https://caed2eb5.hugo-theme-liquid-demo.pages.dev/posts/typography-showcase/Typography at a Glance Short Heading A very short heading is useful because it reveals whether the heading has too much padding or an awkward minimum width. Understanding How a Long Heading Behaves When It Needs to Wrap Across Several Lines in a Narrow Reading Column This paragraph follows a long heading so that the relationship between heading width, line height, and following content is easy to inspect. The Six Heading Levels Heading Four Heading Five Heading Six The visual steps between levels should feel intentional. The smallest heading should not become indistinguishable from bold body text, and the largest should not dominate the article merely because the viewport is wide.