Eine laute, orange-schwarze Site einer Schriftgießerei, aufgebaut um eine einzige variable Schrift: ein Helden-Wort, das sein Gewicht und seine Breite unter Ihrem Cursor verändert, ein Live-Testsiten-Tool, das sein eigenes CSS schreibt, eine axis-für-axis-Tour, einen tastatur-gesteuerten Glyphen-Inspektor und einen Lizenz-Konfigurator mit echtem Warenkorb.

Live-Demo ansehen →

Signatur: Zeichenweise variable Schrift Cursor-Reaktion: Das Gewicht jedes Buchstabens folgt Ihrem Abstand und seine Breite folgt Ihrer Position.

Dies ist die React-Edition: ein Next.js 16 + React 19 + Tailwind 4 + Motion-Projekt. Jedes Wort des Textes befindet sich in einer Datei (content/site.ts). Führen Sie npm install und npm run dev aus, so wie Sie jede Next.js-Anwendung starten würden.

Was Sie bekommen

• Seiten: Startseite, 404, Datenschutz
• Selbst gehostete Schriften (Roboto Flex und Roboto Mono) und keine Drittanbieter-Anfragen: keine Google Fonts, Analytik oder Einbettungen
• README, AGENTS.md und CLAUDE.md, damit KI-Coding-Assistenten wissen, wie das Projekt zusammenpasst
• DESIGN.md mit den Designtokens, Typenskala und Komponenten
• CHANGELOG, Danksagungen und Lizenz

Geeignet für

• Schriftgießereien und Schriftgestalter
• Schriftdesign- und Lettering-Künstler
• Designstudios mit eigener Schrift
• Font- und Design-Tool-Produkte
• Brand-Agenturen, die eine benutzerdefinierte Schrift zeigen

Lizenz

Sie dürfen sie in unbegrenzten Projekten verwenden, sowohl eigenständig als auch für Ihre Kunden. Sie können die Vorlage selbst nicht weiterverkaufen oder weiterverteilen.

Version 1.0.1.