TOJG Dev Branding
Our visual identity: colors, typography, and philosophy.

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.

Primary

The main call-to-action and highlight color. Vibrant and energetic.

Light HSL: 76 100% 62.2%
Light HEX: #C0FF3E
Dark HSL: 76 100% 62.2%
Dark HEX: #C0FF3E
Accent

A supporting vibrant color, often used for highlights and interactive elements.

Light HSL: 76 87.1% 56.5%
Light HEX: #B0F030
Dark HSL: 76 87.1% 56.5%
Dark HEX: #B0F030
Secondary

Used for secondary content, backgrounds of less emphasis, and structural elements.

Light HSL: 76 15% 90%
Light HEX: #E9F0E2
Dark HSL: 76 5% 20%
Dark HEX: #31332F
Background

The base background color for pages, ensuring content readability.

Light HSL: 76 25% 94.1%
Light HEX: #EEF3E5
Dark HSL: 76 5% 10%
Dark HEX: #191A18
Foreground

The primary color for text and general UI elements for contrast.

Light HSL: 0 0% 10%
Light HEX: #1A1A1A
Dark HSL: 76 15% 96%
Dark HEX: #F3F5F2
Muted

For supplementary text, dividers, and subtle UI hints.

Light HSL: 76 10% 85%
Light HEX: #DCE3D4
Dark HSL: 76 5% 20%
Dark HEX: #31332F
Card

Background color for card components, popovers, and dialogs.

Light HSL: 0 0% 100%
Light HEX: #FFFFFF
Dark HSL: 76 5% 14.9%
Dark HEX: #252623

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.

AdvertisementYour Ad HereClick to learn more