華翼品牌形象設計：品牌定位、品牌設計、品牌行銷、品牌AI

華翼品牌形象設計：品牌定位、品牌設計、品牌行銷、品牌AI { "@context": "http://schema.org", "@type": "WebSite", "name": "華翼品牌形象設計", "alternateName": "華翼品牌形象設計", "url": "https://huayi.tw/" } { "@context": "https://schema.org", "@type": "WebSite", "name" : "華翼品牌形象設計", "url": "https://huayi.tw" } { "@context": "http://schema.org", "@type": "LocalBusiness", "name": "華翼品牌形象設計", "priceRange": "$$", "address": { "@type":"PostalAddress", "streetAddress":"自立一路 394 號", "addressLocality":"高雄市三民區", "postalCode":"807", "addressCountry":"TW" }, "description": "華翼品牌形象設計位於高雄，專精於品牌整合設計與高質感印刷。華翼的服務涵蓋CIS識別、Logo設計、形象視覺、包裝設計、禮贈品與DM海報製作。我們是一個懂得營運的設計團隊，以細膩的態度對待每一個平凡的設計，並在其中追尋不平凡的意義。華翼致力於為品牌賦予全新美學，整合並塑造無限的嶄新可能。", "image": "https://huayi.tw/upload/logo/huayi-logo-01.png", "telephone": "07-313-1415" } html { font-size: 14px; } body { color: #444444; background-color: #ffffff; background-image: url('upload/layout/main-bg-011.jpg'); background-position: bottom center; background-repeat: no-repeat; height: 100%; font-size: 1rem; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Microsoft JhengHei", sans-serif; } div, p, a, span, sup, sub, ul, li, button { font-family: "Microsoft JhengHei", sans-serif; } p { color: #444444; } a, a:not([href]):not([tabindex]) { color: #444444; } a:focus, a:hover { color: #f4da3d; text-decoration: none; } a.nohref { color: #444444; cursor: pointer; } a.nohref:focus, a.nohref:hover { color: #f4da3d; } ::-moz-selection { color: #fff; background-color: #3b3b3b; } ::selection { color: #fff; background-color: #3b3b3b; } button { outline: none; background-color: #000000; } button:hover, button:focus { outline: none; background-color: #f4da3d; } .centralBlock { background-image: url('./images/central-bg-11.jpg'); background-position: top center; background-repeat: no-repeat; } /* 導覽列 breadcrumbs ========================= */ .breadcrumbs { margin-top: 20px; padding: 5px; color: #444444; font-size: 0.81rem; } .breadcrumbs a { color: #444444; } .breadcrumbs a:hover { color: #f4da3d; } .nk-widget-tags > a { position: relative; display: inline-block; margin-bottom: 5px; margin-right: 3px; padding: 6px 15px; color: #ffffff !important; background-color: #000000; } .nk-widget-tags > a:hover, .nk-widget-tags > a.hover, .nk-widget-tags > a.current { color: #000000 !important; background-color: #f4da3d; } .menu-bg { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); width: 912px; height: 162px; background-image: url('images/menu-bg-011.png'); background-position: top center; background-repeat: no-repeat; z-index: 1; } /* Header */ .nk-header { position: absolute; left: 0; top: 0; right: 0; width: 100%; max-width: 100%; z-index: 1000; background-color: rgb(); } @keyframes floaty { 0% { transform: translateY(0px); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0px); } } .nk-header-extra { position: relative; z-index: 1001; } .nk-header-extra .saturn-link { position: absolute; top: 50%; /* 垂直置中 */ left: 81%; /* 畫面中央再偏右 */ transform: translate(-50%, -70%); display: flex; align-items: center; gap: 6px; text-decoration: none; color: #333; font-weight: bold; z-index: 1100; /* 確保蓋在 navbar 之上 */ } .nk-header-extra .saturn-link img { transition: transform 0.3s ease; animation: floaty 3s ease-in-out infinite; /* 持續漂浮 */ } /* hover 時增加 scale + rotate，但保留漂浮動畫 */ .nk-header-extra .saturn-link:hover img { animation: floaty 3s ease-in-out infinite; transform: scale(1.1) rotate(8deg); } /* Logo Top */ .nk-logo-top { position: absolute; top: 0px; left: 50%; padding: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 1; } .nk-logo-top.nk-logo-top-light, .nk-logo-top.nk-logo-top-light.nk-logo-top-solid { color: inherit; background-color: rgba(255, 255, 255, 0.85); } .nk-logo-top.nk-logo-top-transparent { background-color: transparent; } .nk-logo-top.nk-logo-top-solid { background-color: rgba(28, 28, 28, 0.75); } /* Contacts before Top Navbar */ .nk-contacts-top { padding: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 20px; } .nk-contacts-top:after { content: ''; display: table; clear: both; } .nk-contacts-top.nk-contacts-top-transparent { background-color: transparent; } .nk-contacts-top .nk-contacts-left { float: left; } .nk-contacts-top .nk-contacts-right { float: right; } .nk-contacts-top .nk-contacts-center { text-align: center; } .nk-contacts-top .nk-contacts-center a { color: #color: #444444;; } .nk-contacts-top .nk-contacts-center a:hover { color: #color: #f4da3d;; } @media (max-width: 543px) { .nk-contacts-top .nk-contacts-left, .nk-contacts-top .nk-contacts-right { margin-top: 10px; float: none; text-align: center; } } .nk-contacts-top ul { margin: 0; padding: 0; list-style-type: none; } .nk-contacts-top ul > li { display: inline-block; } .nk-contacts-top ul > li img { max-height: 22px; } .nk-contacts-top ul > li a + a { font-size: 1.6em; } .nk-contacts-top .nk-contacts-le