Road Sign Factory

"That's the way it is."

About

Road Sign Factory is a professional web-based application for designing, customizing, and exporting traffic signs. Built with modern web technologies and following Hong Kong TPDM standards, it provides engineers and designers with powerful tools for creating compliant road signage.

🌐 Website: roadsignfactory.hk
🚀 Launch App: roadsignfactory.hk/design.html
📖 Documentation: GitHub Repository

⚠️ Development Status

This is an experimental beta version currently under active development.

✨ Key Features

• 🎨 Vector Graphics: Professional scalable sign design
• 📝 Typography: Transport fonts with TPDM compliance
• 🔧 Symbol Library: Comprehensive traffic symbol collection
• 📐 Precision Tools: Built-in measurement and grid systems
• 📤 Multi-Format Export: SVG, DXF, and PDF support
• �️ Posters Gallery: Download high-quality traffic sign posters
• �📱 Cross-Platform: Works on desktop, tablet, and mobile
• 🎯 Standards Compliant: Hong Kong TPDM guidelines

🏗️ Project Structure

This project is a Next.js application for the Traffic Sign Designer, with the main editor mounted under the app route.

• app/page.tsx - Landing route that redirects to the design editor
• app/design/page.js - Main sign design interface
• app/design/components/ - Canvas, sidebars, inspector panels, menus, and UI overlays
• app/design/lib/ - Drawing logic, export utilities, fonts, object definitions, and event handling
• public/ - Static assets, web manifest, and hint/reference HTML files
• docs/ - Design specs and project notes
• package.json - Project scripts and dependency configuration
• next.config.ts, tsconfig.json, eslint.config.mjs - Next.js and TypeScript configuration

Local Development

Run the app from the project root:

npm install
npm run dev

Then open the app in a browser:

http://localhost:3000

If port 3000 is already in use, Next.js will automatically select the next available port, such as 3001.

Features

TODO:

• Unify input value of xheight and color in all panel
• Professional homepage for better SEO
• support touch screen gesture
• Adding loading and save function to localStorage
• Hints for user inputs
• Chinese Readme file and description for site

📱 Mobile Support

The application includes responsive design and touch support:

• Touch-friendly interface for tablets and mobile devices
• Gesture support for drawing and manipulation
• Adaptive layout for different screen sizes

Contact

For any questions or feedback, please contact us at GitHub Repository.

Legal Disclaimer

Font Usage

• Font Transport Medium and Transport Heavy is subject to Crown Copyright, and contains public sector information licensed under the Open Government Licence v1.0.
• NotoSansHK fonts are licensed under the SIL Open Font License.
• Kai font (edukai) is licensed under its respective license terms.

Usage Limitations

• This application is provided for personal, educational, and non-commercial use only.
• Commercial use of this application or any of its components is strictly prohibited without prior written permission.

Liability Disclaimer

• This software is provided "as is", without warranty of any kind, express or implied.
• The authors or copyright holders shall not be liable for any claim, damages, or other liability arising from the use of the software or any outputs generated by it.
• Users are solely responsible for verifying the accuracy and compliance of any signs created using this tool with relevant local regulations and standards.
• By using this application, you acknowledge and accept these terms and limitations.