# art The drawn parts of HOLLOWBELL's screens, as inline SVG documents handed to an `svg` widget. Each one rasterises at whatever size the layout gives it, so the same glyph is crisp on a phone and on a television, and none of it reads the screen size — a glyph is a shape, and the box around it decides how big it is. | Call | What it draws | |---|---| | `bell()` | The cracked bell of Hollowbell: verdigris bronze over a warm rim, an ember bloom behind it and the crack the whole game comes out of. The title card hangs it over the words. | | `lantern()` | The lamplighter's mark — a lantern in its housing. | | `flask(full)` | A health flask, charged or spent. | | `coin()` | A gold coin, for the HUD's gold readout. | | `glyphStrike()` / `glyphCleave()` / `glyphFlare()` | The three ability pips. Each paints in `currentColor`, so the pip's own CSS `color` says whether the ability is ready. | | `skull()` | The death card. | | `stillClapper()` | The victory card: the clapper on its rope, finally still. | | `rule()` | The verdigris rule with a lantern diamond at its centre, under every card's heading. | ```lua local Art = require("presentation.art") { type = "svg", props = { svg = Art.bell() }, style = { width = 260, height = 312 } } ```

# theme The look of every HOLLOWBELL screen, and the numbers it lays out by. Two things live here: - **The palette and the type ramp** — wet-stone ink, bone, parchment, ember, verdigris, blood and gold, plus the two bundled font families the game sets in (`anton` for display, `ebgaramond` for anything read as a sentence). No host-OS font is named, so the browser build draws what the native one draws. - **`metrics()`** — the proportions of the screen as it is *right now*. It reads `ui.screenSize()` on every call and returns `w`, `h`, the unit `u` (which tracks the short edge), the paddings, the card measure, the type sizes and the bottom inset the engine's touch overlay needs. Nothing in the slice writes a pixel position chosen for one shape. ```lua local T = require("presentation.theme") local m = T.metrics(surfaceClass == "touch") { type = "vertical", style = T.panelStyle(m), children = { T.menuRow(m, "resume", "Resume", nil, focused, true), } } ``` Also here: `label` / `paragraph` / `capsStyle` for type, `cardBackdrop` and `panelStyle` for card chrome, `menuRow` for a focusable choice, and `riseIn` / `emberPulse` for motion.