Site · Logo: the letter E in iso blocks, in the header, the favicon, the touch icon and the OG image

One geometry in src/iso/mark.ts, drawn by the engine the miniatures use. The favicon follows the system's mode; scripts/favicon.mjs takes its colors from styles.css. Below 768px the header shows the mark alone, its word kept as the link's name.

frontend/src/Shell.tsx

@@ -2,6 +2,7 @@ import { Link, Outlet, useRouter } from "@tanstack/react-router";
 import { useEffect } from "react";
 import { REPO } from "./data";
 import { Icon } from "./icons";
+import { Mark } from "./Mark";
 import { useStill } from "./iso/Iso";
 import { smooth } from "./scroll";
 import { setSound, useSound } from "./iso/marimba";
@@ -14,7 +15,8 @@ function Header() {
   return (
     <header className="bar">
       <Link to="/" className="brand">
-        Ely
+        <Mark />
+        <span>Ely</span>
       </Link>
       <nav aria-label="Site">
         <Link to="/components/" className="link" activeProps={{ "aria-current": "page" }}>