Problem
The current favicon uses the Φ character rendered as text. At 16×16 and 32×32 pixels, text characters rarely render with the crispness of a purpose-built SVG mark. A personal brand site at this level warrants a properly constructed favicon.
Solution
Design and implement an SVG favicon based on the Φ mark:
- SVG source at a clean resolution, optimised for small sizes
- Exported at: 16×16 (
.ico or .png), 32×32 (.png), 180×180 (Apple touch icon)
- Aurum (
#C4962A) on Midnight (#1D1832) — consistent with the brand's dark surface treatment
<link rel="icon"> and <link rel="apple-touch-icon"> updated on all pages
The mark should be clean and geometric — a refined version of the Φ, not a stylised logo. The character itself is already correct; the improvement is in execution quality at small sizes.
Acceptance criteria
- Favicon renders crisply at 16×16 in browser tab
- Apple touch icon displays correctly when page is saved to home screen
- All HTML pages reference the updated favicon files
- Existing favicon files replaced (do not leave orphans in the repository)
Problem
The current favicon uses the Φ character rendered as text. At 16×16 and 32×32 pixels, text characters rarely render with the crispness of a purpose-built SVG mark. A personal brand site at this level warrants a properly constructed favicon.
Solution
Design and implement an SVG favicon based on the Φ mark:
.icoor.png), 32×32 (.png), 180×180 (Apple touch icon)#C4962A) on Midnight (#1D1832) — consistent with the brand's dark surface treatment<link rel="icon">and<link rel="apple-touch-icon">updated on all pagesThe mark should be clean and geometric — a refined version of the Φ, not a stylised logo. The character itself is already correct; the improvement is in execution quality at small sizes.
Acceptance criteria