{"id":1810,"date":"2024-09-25T15:35:47","date_gmt":"2024-09-25T12:35:47","guid":{"rendered":"https:\/\/w.whircle.com\/?page_id=1810"},"modified":"2025-02-12T16:12:41","modified_gmt":"2025-02-12T13:12:41","slug":"marka-kimlik-kilavuzu","status":"publish","type":"page","link":"https:\/\/w.whircle.com\/en\/kurumsal\/brand-identity-guide\/","title":{"rendered":"Brand Identity Guide"},"content":{"rendered":"<section class=\"section\" id=\"section_239569660\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-large align-center\"  id=\"row-1672958321\">\n\n\t<div id=\"col-1183353984\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1669909809\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/w.whircle.com\/wp-content\/uploads\/2024\/09\/site-logo.svg\" class=\"attachment-large size-large\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1669909809 {\n  width: 35%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-758884282\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>Corporate Identity Guide<\/h2>\n<p>Whircle Logo User Guide<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_239569660 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row row-small\"  id=\"row-446828156\">\n\n\t<div id=\"col-887544165\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>You can find detailed logo usage guide below.<\/h3>\n<p><strong>Before using the Whircle logo, remember to follow our simple guidelines:<\/strong><\/p>\n<ul>\n<li>Do not change the shape, proportion, color or orientation of the logo. It should only be used in black and white as shown in the example.<\/li>\n<li>Leave an equal amount of space (open space) around the logo in all directions as shown in the example. This is necessary to maintain a clean and simple appearance so that no text, design or photographic element violates the boundaries of the logo.<\/li>\n<li>The logo should be surrounded by either white or a solid background color. Avoid using the logo on a low-contrast background and do not place it over images.<\/li>\n<\/ul>\n<p>If you have any questions or need more information about using the logo\u00a0<a href=\"mailto:info@whircle.com\">from here<\/a>\u00a0You can contact us.<\/p>\n<h1>Whircle Brand Guide<\/h1>\n<p><strong>Things to do:<\/strong><\/p>\n<ul>\n<li>Use the Whircle logo to identify anything we offer at Whircle.<\/li>\n<li>When writing \u201cWhircle,\u201d capitalize only the first \u201cW.\u201d<br \/>Act in accordance with our Terms of Service and Policies.<\/li>\n<li>When using our logo <a href=\"https:\/\/www.whircle.com\">https:\/\/www.whircle.com<\/a> or provide the current URL as link.<\/li>\n<\/ul>\n<p><strong>Things Not to Do:<\/strong><\/p>\n<ul>\n<li>Do not use any logo in any way that suggests an affiliation, sponsorship or endorsement by Whircle without our written permission.<\/li>\n<li>Do not make any changes to the logo, including changes to its color, shape, proportions or angle.<\/li>\n<li>Do not include the Whircle logo in your trademarks, domain names, logos, or similar content.<\/li>\n<li>Do not combine any logos or branding elements with other content to create a single element that should be used independently.<\/li>\n<li>Do not use the Whircle logo in any area as the most prominent or distinctive feature of what you create.<\/li>\n<li>Do not use the Whircle logo on any apparel, hats, or mugs or promotional materials.<\/li>\n<li>Do not claim rights over the Whircle brand or its assets in research reports, services or otherwise.<\/li>\n<li>Do not use Whircle or other branded aces in trademarks, logos or other content that could be confused or imitated.<\/li>\n<li>Do not feature the Whircle logo or paraphernalia in connection with sexual content, illegal activities, or other materials that violate our Terms of Service and Policies.<\/li>\n<\/ul>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1315032572\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h1>Whircle Spelling Guide<\/h1>\n<h4><strong>Spelling<\/strong><\/h4>\n<ul>\n<li>\u201cWhircle\u201d is always written as one word and the \u201cW\u201d is always capitalized; it is not modified as in \u201cVhirlce\u201d or \u201cV\u00f6rk\u0131l.\u201d Please follow our Brand Guidelines for usage.<\/li>\n<\/ul>\n<h4><strong>Do you have questions?<\/strong><\/h4>\n<p>If you have any questions or need more information about using the logo\u00a0<a href=\"mailto:info@whircle.com\">from here<\/a>\u00a0You can contact us.<\/p>\n<h4><strong>Font Guide<\/strong><\/h4>\n<p>Font Family: Montserrat \u2013 Variant: 600<\/p>\n<p>Base Text Font<\/p>\n<p>Font Family: Montserrat \u2013 Variant: regular<\/p>\n<h4><strong>Web Sitesi Renk K\u0131lavuzu<\/strong><\/h4>\n<p>\u00a0<\/p>\n<table style=\"width: 100%; background-color: #fffffa; border-collapse: collapse;\">\n<tbody>\n<tr>\n<td style=\"width: 50.0000%;\">Nav Primary Color \u2013 #000000<\/td>\n<td style=\"width: 50%; background-color: #000000;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Nav Color :hover \u2013 #1e73be<\/td>\n<td style=\"width: 50%; background-color: #1e73be;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Top Bar Background Color \u2013 #fae5db<\/td>\n<td style=\"width: 50%; background-color: #fae5db;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Mobile Menu Filler &#8211; #ff0000 %50<\/td>\n<td style=\"width: 50%; background-color: rgba(255, 0, 0, 0.5);\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Secondary \u2013 sale bubble Color -#fffdc7<\/td>\n<td style=\"width: 50%; background-color: #fffdc7;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Success Color \u2013 New bubble \u2013 #c0deca<\/td>\n<td style=\"width: 50%; background-color: #c0deca;\">\u00a0<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50.0000%;\">Alert Color \u2013 Review Stars- #fd957c<\/td>\n<td style=\"width: 50%; background-color: #fd957c;\">\u00a0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Ana Renkler<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\t<div id=\"stack-1052971860\" class=\"stack stack-col justify-start items-stretch\">\n\t\t\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-932175958\" class=\"banner-grid row row-grid row-xsmall\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-217042647\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-532310264\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>HEX<\/strong><\/h3>\n<p>#3CBA54<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-532310264 {\n  width: 100%;\n}\n#text-box-532310264 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-217042647 {\n  padding-top: 127.78px;\n  background-color: rgb(60, 186, 84);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-806088277\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-173019776\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>HEX<\/strong><\/h3>\n<p>#F4C20D<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-173019776 {\n  width: 100%;\n}\n#text-box-173019776 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-806088277 {\n  padding-top: 127.78px;\n  background-color: rgb(244, 194, 13);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-2118925660\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-323426848\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>HEX<\/strong><\/h3>\n<p>#4885ED<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-323426848 {\n  width: 100%;\n}\n#text-box-323426848 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-2118925660 {\n  padding-top: 127.78px;\n  background-color: rgb(72, 133, 237);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n<div class=\"col grid-col large-3 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-767409391\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1328200932\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>HEX<\/strong><\/h3>\n<p>#DB3236<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1328200932 {\n  width: 100%;\n}\n#text-box-1328200932 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-767409391 {\n  padding-top: 127.78px;\n  background-color: rgb(219, 50, 54);\n}\n<\/style>\n  <\/div>\n\n\n<\/div><\/div>\n            <\/div>\n    <style>\n    #banner-grid-932175958 .grid-col-1{height: 250px}\n    #banner-grid-932175958 .grid-col-1-2{height: 125px}\n    #banner-grid-932175958 .grid-col-1-3{height:83.333333333333px}\n    #banner-grid-932175958 .grid-col-2-3{height: 166.66666666667px}\n    #banner-grid-932175958 .grid-col-1-4{height: 62.5px}\n    #banner-grid-932175958 .grid-col-3-4{height: 187.5px}\n\n\n    \n        \/* Mobile *\/\n    @media (max-width: 550px){\n      #banner-grid-932175958 .grid-col-1{height: 250px}\n      #banner-grid-932175958 .grid-col-1-2{height: 125px}\n      #banner-grid-932175958 .grid-col-1-3{height:83.333333333333px}\n      #banner-grid-932175958 .grid-col-2-3{height: 166.66666666667px}\n      #banner-grid-932175958 .grid-col-1-4{height: 62.5px}\n      #banner-grid-932175958 .grid-col-3-4{height: 187.5px}\n    }\n    \n\n  <\/style>\n    <\/div>\n  \n\t\t\n<style>\n#stack-1052971860 > * {\n  --stack-gap: 0rem;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":485,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1810","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/pages\/1810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/comments?post=1810"}],"version-history":[{"count":3,"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/pages\/1810\/revisions"}],"predecessor-version":[{"id":3471,"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/pages\/1810\/revisions\/3471"}],"up":[{"embeddable":true,"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/pages\/485"}],"wp:attachment":[{"href":"https:\/\/w.whircle.com\/en\/wp-json\/wp\/v2\/media?parent=1810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}