Favicon options

Exploring alternatives. Click any option to preview it in the browser tab below.

Current favicon (the eye)

The Eye (open)
Current light mode. Matches the theme toggle.
The Eye (closed)
Current dark mode. Lashes down, sleeping.

Option A: Monogram

J
Italic J
Simple serif initial. Matches Lora display face.
J
Italic J (accent)
Same, in the site's indigo accent.
J D
JD
Initials. J darker, D lighter for depth.

Option B: Mark / Symbol

Dinkus
Three dots. Used as section breaks on the site.
✦
Asterism
Four-pointed star from the dinkus. Single mark.
J
Highlighted J
Monogram with the site's yellow highlight.
Systems
Connected nodes. "The things between the things."

Option C: Typographic

{ J }
{J}
Code brackets around initial. Designer who codes.
J
J + cursor
Typing cursor. "Is typing..." energy.
Em dash
"The power of a well-placed em dash."

Browser tab preview

Jess Dale
Click any favicon above to preview it here

On dark backgrounds

How key options look on dark tabs

Cee's notes

The current eye is good. It's distinctive, matches the theme toggle interaction, and changes between light/dark mode. Most favicons are static. This one is alive.

If we change it, I'd lean toward the highlighted J or {J}. The highlight ties into the site's <mark> treatment. The brackets tell the "designer who codes" story at 16x16 pixels. The systems mark is conceptually right but might not read at favicon size.

The eye could stay as the toggle even if the favicon changes. They don't have to match. The eye is doing great work as an interaction element.