diff --git a/.gitignore b/.gitignore index 24ae025..cfad489 100644 --- a/.gitignore +++ b/.gitignore @@ -136,4 +136,4 @@ dist #endregion CLAUDE.md - +.lycheecache diff --git a/.lycheecache b/.lycheecache deleted file mode 100644 index 5c7da22..0000000 --- a/.lycheecache +++ /dev/null @@ -1,42 +0,0 @@ -https://support.apple.com/en-us/HT212587,200,1773060215 -https://learn.microsoft.com/en-us/typography/font-list/ms-pgothic,200,1773060214 -https://en.wikipedia.org/wiki/Cpio,200,1773060215 -https://learn.microsoft.com/en-us/typography/font-list/simsun,200,1773060214 -https://learn.microsoft.com/en-us/typography/font-list/mingliu,200,1773060214 -https://fontsinuse.com/uses/18269/the-blood-is-at-the-doorstep-movie-poster,200,1773060215 -https://en.wikipedia.org/wiki/Calibri,200,1773060214 -https://support.apple.com/en-us/108939,200,1773060215 -https://www.stixfonts.org/,200,1773060215 -https://en.wikipedia.org/wiki/Object_Linking_and_Embedding,200,1773060214 -https://i.imgur.com/waGfDP8.png,200,1773060214 -https://software.sil.org/fonts/,200,1773060215 -https://en.wikipedia.org/wiki/Tar_(computing),200,1773060215 -https://en.wikipedia.org/wiki/Xar_(archiver),200,1773060214 -https://en.wikipedia.org/wiki/ZIP_(file_format),200,1773060215 -https://en.wikipedia.org/wiki/RPM_Package_Manager,200,1773060214 -https://en.wikipedia.org/wiki/Self-extracting_archives,200,1773060215 -https://open.ribose.com/,200,1773060215 -https://support.apple.com/en-in/HT211240,200,1773060215 -https://fontist.org/formulas/,200,1773060214 -https://en.wikipedia.org/wiki/Windows_Installer,200,1773060214 -https://fonts.google.com/,200,1773060214 -https://www.libarchive.org/,200,1773060214 -https://i.imgur.com/ZsNgRCZ.png,200,1773060214 -https://en.wikipedia.org/wiki/Cambria_(typeface),200,1773060214 -https://fontist.org/formulas//,200,1773060215 -https://www.gust.org.pl/projects/e-foundry/tex-gyre/,200,1773060215 -https://industry.ricoh.com/en/font/true_type_font/,200,1773060214 -https://learn.microsoft.com/en-us/typography/font-list/ms-mincho,200,1773060214 -https://support.apple.com/en-hk/guide/font-book/fntbk1000/mac,200,1773060214 -https://www.tiro.com/syllabics/resources/index.html,404,1773060215 -https://support.apple.com/en-us/HT213266,200,1773060215 -https://www.ruby-lang.org/en/documentation/installation/,200,1773060214 -https://fontist.org/fontist//,200,1773060215 -https://en.wikipedia.org/wiki/Cabinet_(file_format),200,1773060215 -https://fontist.org/fontist/,200,1773060215 -https://moji.or.jp/ipafont/ipaex00401/,200,1773060216 -https://forums.developer.apple.com/forums/thread/133985,200,1773060215 -https://learn.microsoft.com/en-us/typography/font-list/simhei,200,1773060214 -https://www.fontist.org/formulas/,200,1773060214 -https://en.wikipedia.org/wiki/Gzip,200,1773060214 -https://imagemagick.org/script/convert.php,200,1773060215 diff --git a/.vitepress/config.ts b/.vitepress/config.ts index 505b4c7..9a77f26 100644 --- a/.vitepress/config.ts +++ b/.vitepress/config.ts @@ -41,12 +41,12 @@ export default defineConfig({ // https://vitepress.dev/reference/default-theme-config nav: [ { - text: "Fontist Docs", + text: "Fontist", link: "https://www.fontist.org/fontist/", target: "_self", }, { - text: "Fontisan Docs", + text: "Fontisan", link: "https://www.fontist.org/fontisan/", target: "_self", }, diff --git a/about.md b/about.md index 77750f9..6d2607a 100644 --- a/about.md +++ b/about.md @@ -53,22 +53,40 @@ While Fontist handles the logistics of getting fonts onto systems, Fontisan prov ### The Logo +The Fontist logo embodies the intersection of typography, code, and utility. +
Fontist Logo
-The Fontist logo embodies the intersection of typography, code, and utility: +#### **The Keycap Shape** + +The logo contains a keyboard keycap because typing is the primary way humans +interact with fonts. Every **keystroke**, every message typed, every document, every +line of code, imbues human intent into digital form. The keycap symbolizes this +fundamental connection between human expression and digital typography. + +#### **The Ruby "f"** -**The Keycap Shape** -The logo is shaped like a keyboard keycap because typing is the primary way humans interact with fonts. Every document, every line of code, every message—typed. +The central **"f"** is rendered in [STIX Two Math](https://www.stixfonts.org/), +a mathematical typeface. It represents the **abstract** beauty of computer fonts +-- the abstract shapes of typography defined as mathematical curves. The +elegance that emerges when typography meets computation. The ruby color reflects +our passion and the precious value we place on open-source fonts, as well as the +fact that Fontist was first created on Ruby, the object-oriented interpretive +language. -**The Ruby "f"** -The central **"f"** is rendered in [STIX Two Math](https://www.stixfonts.org/), a mathematical typeface. It represents the abstract beauty of computer fonts—the elegance that emerges when typography meets computation. The ruby color reflects our passion and the precious value we place on open-source fonts. +#### **The Brackets "[..]"** -**The Brackets "[..]"** -Surrounding the "f" are brackets rendered in [Source Code](https://fonts.google.com/specimen/Source+Code+Pro), a monospace font. These represent **code**—the enabler. They're in gray because while they don't demand attention, they quietly make everything possible. Code is the infrastructure upon which the beauty of fonts is delivered. +Surrounding the "f" are brackets rendered in [Source Code](https://fonts.google.com/specimen/Source+Code+Pro), +a monospace font. +These represent **code** -- the enabler. They're in gray because while they +don't demand attention, they quietly make everything possible. The brackets are +in monospace font because Fontist is made for code and is code itself to support +the usage of fonts. Code is the infrastructure upon which the beauty of fonts is +delivered.
diff --git a/blog/2026-03-12-unified-design-and-logo.md b/blog/2026-03-12-unified-design-and-logo.md new file mode 100644 index 0000000..bf00392 --- /dev/null +++ b/blog/2026-03-12-unified-design-and-logo.md @@ -0,0 +1,90 @@ +--- +title: Introducing Fontist's New Unified Design and Logo +description: All Fontist project sites now share a beautiful, consistent design with a distinctive new logo and carefully crafted color palette. +authors: + - Ronald Tse +date: 2026-03-12 +--- + +# Introducing Fontist's New Unified Design and Logo + + + +All Fontist project sites have been redesigned with a unified visual identity. + +The new design features a distinctive logo and a carefully crafted rose/gray +color palette that works beautifully across light and dark modes. + +## The new Fontist logo + +The Fontist logo embodies the intersection of typography, code, and utility. + +![New Fontist Logo](/logo-full.svg) + +## Design elements + +### **The Keycap Shape** + +The logo contains a keyboard keycap because typing is the primary way humans +interact with fonts. Every **keystroke**, every message typed, every document, every +line of code, imbues human intent into digital form. The keycap symbolizes this +fundamental connection between human expression and digital typography. + +### **The Ruby "f"** + +The central **"f"** is rendered in [STIX Two Math](https://www.stixfonts.org/), +a mathematical typeface. It represents the **abstract** beauty of computer fonts +-- the abstract shapes of typography defined as mathematical curves. The +elegance that emerges when typography meets computation. The ruby color reflects +our passion and the precious value we place on open-source fonts, as well as the +fact that Fontist was first created on Ruby, the object-oriented interpretive +language. + +### **The Brackets "[..]"** + +Surrounding the "f" are brackets rendered in [Source Code](https://fonts.google.com/specimen/Source+Code+Pro), +a monospace font. +These represent **code** -- the enabler. They're in gray because while they +don't demand attention, they quietly make everything possible. The brackets are +in monospace font because Fontist is made for code and is code itself to support +the usage of fonts. Code is the infrastructure upon which the beauty of fonts is +delivered. + +## Color palette + +The brand colors were carefully chosen to create a distinctive aesthetic: + +* **Rose** (#bf4e6a) — Primary brand color, conveying warmth and approachability +* **Rose Light** (#d4718a) — Accent color for light mode +* **Dark** (#4d4b54) — Primary text color +* **Gray** (#676565) — Secondary text and subtle elements + +Background accents use warm, natural tones: Cream (#e1dfd2), Beige (#bebbac), +and Pale (#dddac8). + +A deliberate design choice was made to avoid blue and purple tones, giving +Fontist a unique visual identity in the developer tools space. + +## Sites updated + +All Fontist project sites now share this unified design: + +* [Fontist.org](https://www.fontist.org/) — Main project hub with overview and documentation +* [Fontist Documentation](https://www.fontist.org/fontist/) — Installation guides, CLI and API reference +* [Fontisan Documentation](https://www.fontist.org/fontisan/) — Font analysis and metadata tool, CLI and API reference +* [Font Formulas](https://www.fontist.org/formulas/) — Search over 2,000 font formulas + +## What's new + +The redesigned sites include these improvements: + +* **Light/dark mode** — Full theme support with smooth transitions between modes +* **Responsive design** — Optimized layouts for mobile, tablet, and desktop viewing +* **Accessibility** — Improved color contrast and semantic HTML throughout + + +## Feedback + +We'd love to hear your feedback on the new design! Feel free to share your +thoughts by opening an issue on the +[Fontist GitHub repository](https://github.com/fontist/fontist.org/issues).