A keyboard visualization and interaction tool.
This project uses the Inter font family, which is licensed under the SIL Open Font License 1.1.
- Clean and modern design
- Excellent readability
- Optimized for screen display
- Comprehensive Unicode support
- Multiple weights for different use cases:
- 300 (Light): Supplementary information, notes
- 400 (Regular): Body text
- 500 (Medium): Subtitles
- 800 (Extra-bold): Section titles
/* Documentation text styles */
.keyboard-title {
font-weight: 800;
} /* Titles */
.keyboard-subtitle {
font-weight: 500;
} /* Subtitles */
.keyboard-text {
font-weight: 400;
} /* Body text */
.keyboard-note {
font-weight: 300;
} /* Notes */Inter is a free and open source font family, available for use under the SIL Open Font License 1.1. This means:
- ✅ Free to use in commercial projects
- ✅ Free to modify
- ✅ Free to distribute
- ✅ No attribution required (but appreciated)
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build