Overview
Welcome to the Tuccy.net Style Guide
About this Guide
This style guide provides an overview of the design principles and components used on this website. It serves as a reference for developers and designers to ensure consistency across the platform. The main purpose of builiding this section was to ensure that the design system is well documented and easy to use. While my original intent was to find a pre-built template I could use, I was unable to find one that met my needs. So I built this from scratch using FlyonUI as a base.
You can learn more about FlyonUI at:
FlyonUI This style guide has been setup to be theme reactive. Use the theme toggle in the top right corner (on desktop browsers) to switch between light and dark themes. The reactive components and styles will automatically adjust to match the selected theme.
Logos
Different versions of the site logo for various use cases and backgrounds. These examples show how the logos appear on different themed backgrounds.
Main Logos
Square (Icon)
Square with Text
Wide Logo
