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); });