Colophon Footer
A colophon footer pairing a name and site note with a ruled definition list of typefaces, stack, tools, and last update, above a copyright line.
A colophon footer pairing a name and site note with a ruled definition list of typefaces, stack, tools, and last update, above a copyright line.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Colophon Footer splits into two columns: the left carries the name in a large weight, a short site note, and the email as a plain link. The right carries a Colophon heading over a ruled definition list documenting the typefaces, the stack, the design tools, the analytics stance, and the last update of the site itself. A ruled copyright bar with a made-in line closes the block.
The colophon rows are one array of term and detail pairs rendered as a definition list. Documenting how the site was made is the distinctive part: it treats the site as a piece of the craft, not just a frame around the work.
Reach for this block as the footer of a portfolio where the site is part of what is on show, for a designer or developer who cares about the build as much as the work. The installer swaps the name, the site note, the email, and the five colophon rows.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the craft-forward site colophon. Other documented closers:
Tip: keep the colophon specific, Inter and Newsreader reads as craft; fonts and a stack tells a visitor nothing they cannot already see.