Brand Mark & Ethos
TOJG Dev
Simplicity. Utility. Clarity. We craft free, highly useful web tools with an exceptionally simple user experience. Our branding reflects this commitment to accessible and efficient digital solutions.
Color Palette
Our color palette is designed to be accessible, modern, and energetic, with distinct variations for light and dark themes to ensure optimal readability and visual comfort.
The main call-to-action and highlight color. Vibrant and energetic.
A supporting vibrant color, often used for highlights and interactive elements.
Used for secondary content, backgrounds of less emphasis, and structural elements.
The base background color for pages, ensuring content readability.
The primary color for text and general UI elements for contrast.
For supplementary text, dividers, and subtle UI hints.
Background color for card components, popovers, and dialogs.
Typography
Primary Font Family
Inter
Used for both headlines and body text to ensure consistency and excellent readability across all devices. Weights from Light (300) to Bold (700) are utilized.
Headline Example
This is how body text looks, clear and legible.
Code Font Family
Monospace
Used for displaying code snippets or technical values (e.g., HEX, HSL codes) for clarity.
Iconography
We primarily use Lucide Icons, a simply beautiful and consistent open-source icon set. This ensures visual harmony and clarity across all UI elements and tools.