Marka Rehberi

Selam! Variotik olarak, g├╝├žl├╝ marka y├Ânergelerine sahip olman─▒n, tutarl─▒ ve profesyonel bir imaj─▒ koruman─▒n anahtar─▒ oldu─čunu biliyoruz. Bu nedenle, logomuz, renklerimiz ve tipografimiz gibi markam─▒z─▒n ├Ânemli unsurlar─▒n─▒ ├Âzetleyen bir dizi y├Ânerge haz─▒rlad─▒k. Ekibimiz ve i┼č ortaklar─▒m─▒z, bu y├Ânergeleri izleyerek, yaratt─▒─č─▒m─▒z ve payla┼čt─▒─č─▒m─▒z her ┼čeyin Variotik markas─▒n─▒ do─čru ┼čekilde temsil etti─činden emin olabilir. Fikri m├╝lkiyetimizi korumak ve markam─▒z─▒n en iyi ┼čekilde g├Âr├╝nmesini sa─člamak i├žin logomuz ve resimler gibi marka varl─▒klar─▒m─▒z─▒n kullan─▒m─▒na ili┼čkin y├Ânergeler de ekledik. Bu nedenle, ister Variotik ekibinin bir par├žas─▒ olun ister de─čerli ortaklar─▒m─▒zdan biri olun, marka y├Ânergelerimizi incelemenizi ve bizimle ├žal─▒┼č─▒rken bunlar─▒ akl─▒n─▒zda tutman─▒z─▒ ├Âneririz. Variotik markas─▒n─▒n parlamas─▒n─▒ sa─člayal─▒m!

Logo

Font

Montserrat

Colour Palette

#my-button { width: 100%; height: 200px; font-size: 24px; background-color: #1abc9c; color: white; border-radius: 25px; font-weight: 600; border: none; } const button = document.getElementById('my-button'); button.addEventListener('click', function() { // Copy the color code to the clipboard navigator.clipboard.writeText('#1abc9c'); // Update the button text button.innerText = 'Copied'; // Show the color code again after 3 seconds setTimeout(function() { button.innerText = '#1abc9c'; }, 3000); });
#my-button2 { width: 100%; height: 200px; font-size: 24px; background-color: #16a085; color: white; border-radius: 25px; font-weight: 600; border: none; } const button2 = document.getElementById('my-button2'); button2.addEventListener('click', function () { // Copy the color code to the clipboard navigator.clipboard.writeText('#16a085'); // Update the button text button2.innerText = 'Copied'; // Show the color code again after 3 seconds setTimeout(function() { button2.innerText = '#16a085'; }, 3000); });
#my-button3 { width: 100%; height: 200px; font-size: 24px; background-color: #2ecc71; color: white; border-radius: 25px; font-weight: 600; border: none; } const button3 = document.getElementById('my-button3'); button3.addEventListener('click', function () { // Copy the color code to the clipboard navigator.clipboard.writeText('#2ecc71'); // Update the button text button3.innerText = 'Copied'; // Show the color code again after 3 seconds setTimeout(function() { button3.innerText = '#2ecc71'; }, 3000); });
#my-button4 { width: 100%; height: 200px; font-size: 24px; background-color: #27ae60; color: white; border-radius: 25px; font-weight: 600; border: none; } const button4 = document.getElementById('my-button4'); button4.addEventListener('click', function () { // Copy the color code to the clipboard navigator.clipboard.writeText('#27ae60'); // Update the button text button4.innerText = 'Copied'; // Show the color code again after 3 seconds setTimeout(function() { button4.innerText = '#27ae60'; }, 3000); });