array(25) { ["idhirek"]=> string(2) "14" ["link"]=> string(15) "Arculattervezes" ["cim"]=> string(22) "Arculattervezés" ["bevezeto"]=> string(80868) "<section class="section container vtd-webpage-modern vtd-arculat-service-page"> <style><!-- .vtd-webpage-modern { color: #111; } .vtd-webpage-modern.section { padding-top: 0 !important; margin-top: 20px; } .vtd-webpage-modern *, .vtd-webpage-modern *::before, .vtd-webpage-modern *::after { box-sizing: border-box; } .vtd-webpage-modern .vtd-card { background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 42px 38px; box-shadow: 0 8px 26px rgba(0,0,0,.05); margin-bottom: 24px; } .vtd-webpage-modern .vtd-card-soft { background: #f7f7f7; } .vtd-webpage-modern .vtd-line { width: 72px; height: 6px; background: #eca721; border-radius: 99px; margin: 0 auto 28px; } .vtd-webpage-modern .vtd-lead { color: #111; line-height: 1.75; font-size: 1.05rem; } .vtd-webpage-modern .vtd-list { list-style: none; padding: 0; margin: 0; } .vtd-webpage-modern .vtd-list li { position: relative; padding-left: 22px; margin-bottom: 10px; color: #111; line-height: 1.65; } .vtd-webpage-modern .vtd-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #eca721; border-radius: 50%; } .vtd-webpage-modern .vtd-value-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 24px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.04); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 150px; } .vtd-webpage-modern .vtd-value-icon, .vtd-webpage-modern .vtd-label-badge { width: 42px; height: 42px; border-radius: 50%; background: rgba(236,167,33,.12); color: #eca721; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 14px; } .vtd-webpage-modern .vtd-value-card strong, .vtd-webpage-modern .vtd-label-card strong { display: block; color: #111; font-size: 1.05rem; line-height: 1.3; margin-bottom: 6px; } .vtd-webpage-modern .vtd-value-card span, .vtd-webpage-modern .vtd-label-card span { display: block; color: #555; font-size: .92rem; line-height: 1.5; } .vtd-webpage-modern .vtd-label-card { height: 100%; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; padding: 28px 20px; box-shadow: 0 8px 22px rgba(0,0,0,.04); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 145px; } .vtd-webpage-modern .vtd-yellow-head { background: #eca721; border: 1px solid #eca721; border-radius: 10px; padding: 42px 38px; box-shadow: 0 8px 26px rgba(0,0,0,.05); margin-bottom: 24px; text-align: center; } .vtd-webpage-modern .vtd-quick-packages { background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 10px; padding: 32px 26px 28px; box-shadow: 0 8px 22px rgba(0,0,0,.035); margin-bottom: 24px; text-align: center; } .vtd-webpage-modern .vtd-quick-packages-title { display: block; color: #111; font-size: 1.28rem; line-height: 1.35; font-weight: 900; margin-bottom: 8px; } .vtd-webpage-modern .vtd-quick-packages-text { color: #555; line-height: 1.65; margin: 0 auto 22px; max-width: 760px; } .vtd-webpage-modern .vtd-quick-package-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 24px 20px; box-shadow: 0 8px 22px rgba(0,0,0,.04); text-align: center; display: flex; flex-direction: column; } .vtd-webpage-modern .vtd-quick-package-card.vtd-quick-package-featured { border-color: rgba(236,167,33,.45); box-shadow: 0 14px 30px rgba(236,167,33,.12); } .vtd-webpage-modern .vtd-quick-package-badge { display: inline-block; align-self: center; background: #eca721; color: #fff; font-size: .72rem; font-weight: 900; line-height: 1; padding: 8px 12px; border-radius: 999px; margin-bottom: 14px; text-transform: uppercase; letter-spacing: .03em; } .vtd-webpage-modern .vtd-quick-package-name { color: #111; font-size: 1.08rem; line-height: 1.25; font-weight: 900; margin-bottom: 8px; } .vtd-webpage-modern .vtd-quick-package-desc { color: #555; font-size: .92rem; line-height: 1.55; margin-bottom: 14px; } .vtd-webpage-modern .vtd-quick-package-desc { margin-bottom: 18px; } .vtd-webpage-modern .vtd-quick-package-card .btn { width: 100%; text-align: center; padding-left: 14px; padding-right: 14px; margin-top: auto; } .vtd-webpage-modern .vtd-yellow-head strong, .vtd-webpage-modern .vtd-yellow-head p, .vtd-webpage-modern .vtd-yellow-head span, .vtd-webpage-modern .vtd-yellow-head h2 { color: #fff !important; } .vtd-webpage-modern .vtd-benefit-head { max-width: 980px; margin-bottom: 28px; } .vtd-webpage-modern .vtd-benefit-eyebrow { display: inline-block; color: #eca721; font-size: .84rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 14px; } .vtd-webpage-modern .vtd-benefit-text { color: #111; line-height: 1.8; font-size: 1.04rem; margin-bottom: 0; } .vtd-webpage-modern .vtd-deliverable-card { height: 100%; background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 10px; padding: 24px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.035); } .vtd-webpage-modern .vtd-deliverable-icon { width: 40px; height: 40px; border-radius: 50%; background: #eca721; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 16px; } .vtd-webpage-modern .vtd-deliverable-card strong { display: block; color: #111; font-size: 1.08rem; line-height: 1.3; margin-bottom: 8px; } .vtd-webpage-modern .vtd-deliverable-card span { display: block; color: #555; font-size: .94rem; line-height: 1.55; } .vtd-webpage-modern .vtd-natural-image-card { background: #fff; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.045); height: auto; } .vtd-webpage-modern .vtd-natural-image-card img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; } .vtd-webpage-modern .vtd-reference-wide, .vtd-webpage-modern .vtd-reference-card { display: block; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.045); height: 100%; text-decoration: none; } .vtd-webpage-modern .vtd-reference-wide img { display: block; width: 100%; height: auto; object-fit: contain; object-position: center center; transition: transform .25s ease; } .vtd-webpage-modern .vtd-reference-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center center; transition: transform .25s ease; background: #fff; } .vtd-webpage-modern .vtd-reference-card img[alt*="Esyspay"] { object-position: center center; } .vtd-webpage-modern .vtd-reference-wide:hover img, .vtd-webpage-modern .vtd-reference-card:hover img { transform: scale(1.035); } .vtd-webpage-modern .vtd-reference-caption { padding: 16px 18px 18px; color: #111; font-weight: 900; line-height: 1.35; } .vtd-webpage-modern .vtd-reference-caption span { display: block; color: #555; font-size: .94rem; font-weight: 500; margin-top: 6px; } .vtd-webpage-modern .vtd-package-card { height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 32px 28px; box-shadow: 0 10px 28px rgba(0,0,0,.06); position: relative; } .vtd-webpage-modern .vtd-package-card.vtd-package-featured { border-color: rgba(236,167,33,.45); box-shadow: 0 16px 34px rgba(236,167,33,.12); } .vtd-webpage-modern .vtd-package-badge { display: inline-block; align-self: flex-start; background: #eca721; color: #fff; font-size: .78rem; font-weight: 800; line-height: 1; padding: 9px 14px; border-radius: 999px; margin-bottom: 18px; text-transform: uppercase; letter-spacing: .03em; } .vtd-webpage-modern .vtd-package-title { display: block; color: #111; font-size: 1.35rem; line-height: 1.22; letter-spacing: -0.03em; font-weight: 900; margin-bottom: 16px; } .vtd-webpage-modern .vtd-package-intro { color: #333; font-size: 1.02rem; line-height: 1.65; margin-bottom: 20px; } .vtd-webpage-modern .vtd-package-subtitle { font-size: .92rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #111; margin-bottom: 12px; } .vtd-webpage-modern .vtd-package-list { list-style: none; padding: 0; margin: 0 0 22px 0; } .vtd-webpage-modern .vtd-package-list li { position: relative; padding-left: 22px; margin-bottom: 10px; color: #111; line-height: 1.6; } .vtd-webpage-modern .vtd-package-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #eca721; border-radius: 50%; } .vtd-webpage-modern .vtd-price-box { margin-top: auto; background: rgba(236,167,33,.08); border: 1px solid rgba(236,167,33,.18); border-radius: 10px; padding: 18px 18px 16px; } .vtd-webpage-modern .vtd-price-label { display: block; color: #555; font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; } .vtd-webpage-modern .vtd-price-old { display: block; color: #888; font-size: 1.1rem; text-decoration: line-through; font-weight: 800; margin-bottom: 4px; } .vtd-webpage-modern .vtd-price { display: block; color: #eca721; font-size: 2.1rem; line-height: 1.05; font-weight: 900; letter-spacing: -0.05em; margin-bottom: 16px; } .vtd-webpage-modern .vtd-price-suffix { font-size: .95rem; font-weight: 800; letter-spacing: 0; color: #111; margin-left: 6px; white-space: nowrap; } .vtd-webpage-modern .vtd-note { color: #555; font-size: .9rem; margin-top: 14px; margin-bottom: 0; } .vtd-webpage-modern .vtd-package-card .btn { width: 100%; text-align: center; } .vtd-webpage-modern #kis-arculattervezesi-csomag, .vtd-webpage-modern #teljes-arculattervezesi-csomag, .vtd-webpage-modern #brandepitesi-arculati-csomag { scroll-margin-top: 110px; } .vtd-webpage-modern .vtd-faq-card { background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 42px 38px; box-shadow: 0 8px 26px rgba(0,0,0,.05); margin-top: 24px; } .vtd-webpage-modern .vtd-faq-item { height: 100%; background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 10px; padding: 24px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.035); } .vtd-webpage-modern .vtd-faq-item h3 { color: #111; font-size: 1.08rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-webpage-modern .vtd-faq-item p { color: #555; line-height: 1.65; margin-bottom: 0; font-size: .98rem; } .vtd-webpage-modern .vtd-cta { background: #eca721; border-radius: 10px; padding: 34px 28px; margin: 40px 0 0; overflow: hidden; text-align: center; } .vtd-webpage-modern .vtd-cta-title { color: #fff; font-size: 1.8rem; line-height: 1.2; font-weight: 900; margin-bottom: 18px; } .vtd-webpage-modern a:not(.btn):not(.vtd-reference-wide):not(.vtd-reference-card) { color: #111; font-weight: 800; text-decoration: underline; text-decoration-color: rgba(236,167,33,.55); text-underline-offset: 3px; } .vtd-webpage-modern h1, .vtd-webpage-modern h2, .vtd-webpage-modern h3, .vtd-webpage-modern p, .vtd-webpage-modern li, .vtd-webpage-modern span, .vtd-webpage-modern strong, .vtd-webpage-modern a { overflow-wrap: break-word; word-break: normal; hyphens: auto; } .vtd-webpage-modern .row, .vtd-webpage-modern [class*="col-"], .vtd-webpage-modern .vtd-card, .vtd-webpage-modern .vtd-card-soft, .vtd-webpage-modern .vtd-quick-package-card, .vtd-webpage-modern .vtd-value-card, .vtd-webpage-modern .vtd-label-card, .vtd-webpage-modern .vtd-deliverable-card, .vtd-webpage-modern .vtd-package-card, .vtd-webpage-modern .vtd-faq-item { min-width: 0; } .vtd-webpage-modern img { max-width: 100%; height: auto; } .vtd-webpage-modern .btn { white-space: normal; overflow-wrap: break-word; max-width: 100%; } .vtd-webpage-modern .vtd-city-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .vtd-webpage-modern .vtd-city-pill { display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid rgba(236,167,33,.35); border-radius: 999px; padding: 9px 15px; color: #111; font-size: .92rem; font-weight: 800; line-height: 1.2; box-shadow: 0 6px 16px rgba(0,0,0,.035); } @media (max-width: 767.98px) { .vtd-webpage-modern.section { margin-top: -35px; } .vtd-webpage-modern .vtd-card, .vtd-webpage-modern .vtd-yellow-head, .vtd-webpage-modern .vtd-faq-card { padding: 28px 20px; } .vtd-webpage-modern .vtd-package-card { padding: 26px 20px; } .vtd-webpage-modern .vtd-price { font-size: 1.9rem; } .vtd-webpage-modern .vtd-cta-title { font-size: 1.45rem; } } .vtd-webpage-modern .vtd-anchor-target { display: block; position: relative; top: -110px; visibility: hidden; height: 0; width: 0; overflow: hidden; } /* PREMIUM HERO - új első blokk design */ .vtd-webpage-modern .vtd-premium-hero { position: relative; background: radial-gradient(circle at top right, rgba(255,255,255,.42), transparent 32%), radial-gradient(circle at bottom left, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, #eca721 0%, #f3b638 48%, #c98512 100%); border-radius: 16px; padding: 58px 46px; overflow: hidden; box-shadow: 0 16px 44px rgba(236,167,33,.22); margin-bottom: 26px; } .vtd-webpage-modern .vtd-premium-hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(17,17,17,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.055) 1px, transparent 1px); background-size: 36px 36px; opacity: .55; pointer-events: none; } .vtd-webpage-modern .vtd-premium-hero > .row { position: relative; z-index: 1; } .vtd-webpage-modern .vtd-premium-eyebrow { display: inline-block; color: #111; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; } .vtd-webpage-modern .vtd-premium-title { color: #111; font-size: 3rem; line-height: 1.05; letter-spacing: -0.06em; font-weight: 950; margin-bottom: 22px; } .vtd-webpage-modern .vtd-premium-title span { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.12); } .vtd-webpage-modern .vtd-premium-text { color: rgba(17,17,17,.78); font-size: 1.08rem; line-height: 1.78; margin-bottom: 18px; max-width: 720px; } .vtd-webpage-modern .vtd-premium-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 28px; } .vtd-webpage-modern .vtd-premium-tag { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.92); background: #ffffff; color: #111; border-radius: 999px; padding: 9px 14px; font-size: .88rem; font-weight: 800; box-shadow: 0 8px 18px rgba(0,0,0,.07); } .vtd-webpage-modern .vtd-premium-visual { position: relative; min-height: 420px; } .vtd-webpage-modern .vtd-floating-board { position: absolute; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.42); box-shadow: 0 18px 40px rgba(0,0,0,.18); background: rgba(255,255,255,.22); backdrop-filter: blur(10px); } .vtd-webpage-modern .vtd-floating-board img { display: block; width: 100%; height: 100%; object-fit: cover; } .vtd-webpage-modern .vtd-board-main { width: 78%; height: 270px; right: 0; top: 32px; } .vtd-webpage-modern .vtd-board-small-1 { width: 44%; height: 150px; left: 0; top: 0; } .vtd-webpage-modern .vtd-board-small-2 { width: 52%; height: 170px; left: 10%; bottom: 28px; } .vtd-webpage-modern .vtd-hero-mini { position: absolute; right: 22px; bottom: 0; background: #fff; color: #111; border-radius: 14px; padding: 18px 20px; max-width: 250px; box-shadow: 0 14px 28px rgba(0,0,0,.16); } .vtd-webpage-modern .vtd-hero-mini strong { display: block; font-size: 1.6rem; line-height: 1; font-weight: 950; margin-bottom: 6px; } .vtd-webpage-modern .vtd-hero-mini span { display: block; color: rgba(17,17,17,.82); font-size: .92rem; line-height: 1.45; font-weight: 800; } .vtd-webpage-modern .vtd-white-action-btn { background: transparent !important; border: 2px solid #fff !important; color: #fff !important; font-weight: 900; box-shadow: none; } .vtd-webpage-modern .vtd-white-action-btn:hover { background: #fff !important; border-color: #fff !important; color: #eca721 !important; } @media (max-width: 991.98px) { .vtd-webpage-modern .vtd-premium-hero { padding: 44px 28px; } .vtd-webpage-modern .vtd-premium-visual { min-height: 360px; margin-top: 24px; } } @media (max-width: 767.98px) { .vtd-webpage-modern .vtd-premium-hero { padding: 34px 22px; } .vtd-webpage-modern .vtd-premium-title { font-size: 2.05rem; } .vtd-webpage-modern .vtd-premium-visual { min-height: 300px; } .vtd-webpage-modern .vtd-board-main { width: 84%; height: 190px; top: 48px; } .vtd-webpage-modern .vtd-board-small-1 { width: 48%; height: 115px; } .vtd-webpage-modern .vtd-board-small-2 { width: 56%; height: 125px; bottom: 30px; } .vtd-webpage-modern .vtd-hero-mini { right: 0; bottom: 0; max-width: 210px; } } /* SÁRGA FELSŐ BLOKK - LÁGYABB, ERŐSEBB CSILLOGÁS EFFEKT */ .vtd-webpage-modern .vtd-premium-hero, .vtd-webpage-modern .vtd-hero, .vtd-webpage-modern .vtd-yellow-head { position: relative; overflow: hidden; isolation: isolate; } .vtd-webpage-modern .vtd-premium-hero::after, .vtd-webpage-modern .vtd-hero::after, .vtd-webpage-modern .vtd-yellow-head::after { content: ""; position: absolute; top: -24%; left: -56%; width: 58%; height: 170%; background: linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.002) 10%, rgba(255,255,255,0.008) 20%, rgba(255,255,255,0.022) 30%, rgba(255,255,255,0.07) 39%, rgba(255,255,255,0.17) 45%, rgba(255,255,255,0.34) 48.5%, rgba(255,255,255,0.72) 50%, rgba(255,255,255,0.44) 52.5%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.12) 67%, rgba(255,255,255,0.05) 77%, rgba(255,255,255,0.012) 89%, rgba(255,255,255,0) 100% ); filter: blur(18px); transform: skewX(-20deg); opacity: 0; pointer-events: none; animation: vtdHeroShineSoft 6.1s ease-in-out infinite; z-index: 1; } .vtd-webpage-modern .vtd-premium-hero > *, .vtd-webpage-modern .vtd-hero > *, .vtd-webpage-modern .vtd-yellow-head > * { position: relative; z-index: 2; } @keyframes vtdHeroShineSoft { 0% { left: -56%; opacity: 0; } 16% { opacity: 0; } 27% { opacity: .98; } 48% { left: 112%; opacity: 0; } 100% { left: 112%; opacity: 0; } } /* CSOMAGOKNÁL A SÁRGA BADGE / BLOKK IS CSILLOGJON */ .vtd-webpage-modern .vtd-package-badge, .vtd-webpage-modern .vtd-quick-package-badge { position: relative; overflow: hidden; isolation: isolate; } .vtd-webpage-modern .vtd-package-badge::after, .vtd-webpage-modern .vtd-quick-package-badge::after { content: ""; position: absolute; top: -35%; left: -70%; width: 72%; height: 190%; background: linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 18%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.18) 64%, rgba(255,255,255,0.04) 82%, rgba(255,255,255,0) 100% ); filter: blur(8px); transform: skewX(-18deg); opacity: 0; pointer-events: none; animation: vtdPackageBadgeShine 4.6s ease-in-out infinite; z-index: 1; } .vtd-webpage-modern .vtd-package-badge > *, .vtd-webpage-modern .vtd-quick-package-badge > * { position: relative; z-index: 2; } @keyframes vtdPackageBadgeShine { 0% { left: -70%; opacity: 0; } 18% { opacity: 0; } 30% { opacity: .98; } 52% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* MOBIL HERO IGAZÍTÁS + MAGYAR ELVÁLASZTÁS / KILÓGÁS JAVÍTÁS */ .vtd-webpage-modern { max-width: 100%; overflow-x: hidden; } .vtd-webpage-modern h1, .vtd-webpage-modern h2, .vtd-webpage-modern h3, .vtd-webpage-modern h4, .vtd-webpage-modern p, .vtd-webpage-modern li, .vtd-webpage-modern span, .vtd-webpage-modern strong, .vtd-webpage-modern a, .vtd-webpage-modern .btn, .vtd-webpage-modern .vtd-premium-title, .vtd-webpage-modern .vtd-hero-title, .vtd-webpage-modern .vtd-premium-text, .vtd-webpage-modern .vtd-hero-text, .vtd-webpage-modern .vtd-premium-tag, .vtd-webpage-modern .vtd-hero-tag { overflow-wrap: break-word; word-wrap: break-word; word-break: normal; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .vtd-webpage-modern .row, .vtd-webpage-modern [class*="col-"], .vtd-webpage-modern .vtd-card, .vtd-webpage-modern .vtd-card-soft, .vtd-webpage-modern .vtd-quick-packages, .vtd-webpage-modern .vtd-quick-package-card, .vtd-webpage-modern .vtd-value-card, .vtd-webpage-modern .vtd-label-card, .vtd-webpage-modern .vtd-deliverable-card, .vtd-webpage-modern .vtd-package-card, .vtd-webpage-modern .vtd-faq-item, .vtd-webpage-modern .vtd-category-detail, .vtd-webpage-modern .vtd-category-list-box, .vtd-webpage-modern .vtd-service-card, .vtd-webpage-modern .vtd-mini-card { min-width: 0; } .vtd-webpage-modern img { max-width: 100%; height: auto; } .vtd-webpage-modern .btn { white-space: normal; max-width: 100%; line-height: 1.25; } .vtd-webpage-modern .vtd-hero-mobile-action { display: none; } @media (max-width: 991.98px) { .vtd-webpage-modern .vtd-premium-hero .col-lg-7, .vtd-webpage-modern .vtd-hero .col-lg-7 { text-align: center; } .vtd-webpage-modern .vtd-premium-text, .vtd-webpage-modern .vtd-hero-text { margin-left: auto; margin-right: auto; } .vtd-webpage-modern .vtd-premium-tags, .vtd-webpage-modern .vtd-hero-tags { justify-content: center; } } @media (max-width: 767.98px) { .vtd-webpage-modern .vtd-premium-hero .row, .vtd-webpage-modern .vtd-hero .row { text-align: center; } .vtd-webpage-modern .vtd-premium-title, .vtd-webpage-modern .vtd-hero-title, .vtd-webpage-modern .vtd-premium-text, .vtd-webpage-modern .vtd-hero-text { text-align: center; margin-left: auto; margin-right: auto; } .vtd-webpage-modern .vtd-premium-tags, .vtd-webpage-modern .vtd-hero-tags { justify-content: center; margin-left: auto; margin-right: auto; } .vtd-webpage-modern .vtd-hero-btn-desktop { display: none !important; } .vtd-webpage-modern .vtd-hero-mobile-action { display: block; text-align: center; margin-top: 22px; position: relative; z-index: 2; } .vtd-webpage-modern .vtd-hero-mobile-action .btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; white-space: normal; line-height: 1.25; } } .vtd-webpage-modern .vtd-natural-image-card + .vtd-reference-caption { background: #fff; border: 1px solid #eeeeee; border-top: 0; border-radius: 0 0 10px 10px; padding: 16px 18px 18px; box-shadow: 0 8px 22px rgba(0,0,0,.045); color: #111; font-weight: 900; line-height: 1.35; } .vtd-webpage-modern .vtd-natural-image-card + .vtd-reference-caption span { display: block; color: #555; font-size: .94rem; font-weight: 500; margin-top: 6px; } .vtd-webpage-modern .vtd-natural-image-card img { transform: none !important; } /* JAVÍTOTT SVG IKONOS FRISSÍTÉS - vtd-arculat-service-page */ .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-badge, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-number { font-size: 0 !important; flex: 0 0 auto; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-icon-img { display: block; width: 24px; height: 24px; object-fit: contain; filter: invert(66%) sepia(72%) saturate(927%) hue-rotate(355deg) brightness(96%) contrast(91%); transition: filter .22s ease, transform .22s ease; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-icon .vtd-icon-img { filter: brightness(0) invert(1); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-card:hover .vtd-value-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card:hover .vtd-label-badge { background: #eca721; color: #fff; transform: translateY(-2px); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-card:hover .vtd-icon-img, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card:hover .vtd-icon-img, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card:hover .vtd-icon-img { filter: brightness(0) invert(1); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-badge, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-number { transition: transform .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card::before { content: ""; position: absolute; top: -42px; right: -42px; width: 96px; height: 96px; background: radial-gradient(circle, rgba(236,167,33,.14), transparent 68%); opacity: 0; transition: opacity .25s ease, transform .25s ease; pointer-events: none; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.45); box-shadow: 0 18px 38px rgba(0,0,0,.075); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card:hover::before { opacity: 1; transform: scale(1.08); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card .vtd-process-number { width: 64px; height: 64px; margin-bottom: 18px; background: radial-gradient(circle at top right, rgba(255,255,255,.82), transparent 42%), rgba(236,167,33,.13); color: #eca721; box-shadow: 0 12px 26px rgba(236,167,33,.12); } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card .vtd-process-number .vtd-icon-img { width: 34px; height: 34px; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card:hover .vtd-process-number { background: #eca721; color: #fff; transform: translateY(-3px) scale(1.04); box-shadow: 0 18px 34px rgba(236,167,33,.26); } /* MOBILON AZ IKONOS KÁRTYÁK TARTALMA KÖZÉPRE IGAZÍTVA */ @media (max-width: 767.98px) { .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-card, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-card, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card { text-align: center !important; align-items: center !important; justify-content: center !important; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-card strong, .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-card span, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card strong, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card span, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-card p, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-card strong, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-card span, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card strong, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-card span { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-value-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-label-badge, .vtd-webpage-modern.vtd-arculat-service-page .vtd-deliverable-icon, .vtd-webpage-modern.vtd-arculat-service-page .vtd-process-number { margin-left: auto !important; margin-right: auto !important; } } /* MOBILON A TELJES ELSŐ SÁRGA HERO BLOKK RÁFUT A FELETTE LÉVŐ SLIDE KÉPRE */ @media (max-width: 767.98px) { .vtd-webpage-modern.vtd-arculat-service-page.section { position: relative !important; z-index: 50 !important; margin-top: -72px !important; padding-top: 0 !important; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-premium-hero, .vtd-webpage-modern.vtd-arculat-service-page .vtd-hero { position: relative !important; z-index: 51 !important; margin-top: 0 !important; margin-bottom: 24px !important; border-radius: 16px !important; box-shadow: 0 22px 46px rgba(0,0,0,.16) !important; } } @media (max-width: 420px) { .vtd-webpage-modern.vtd-arculat-service-page.section { margin-top: -62px !important; } } --> /* HERO VIZUÁL ELEGÁNS, ERŐSEBB MOZGÁS - ASZTALI ÉS MOBIL NÉZET */ .vtd-webpage-modern.vtd-arculat-service-page .vtd-premium-visual { perspective: 1500px; transform-style: preserve-3d; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-floating-board, .vtd-webpage-modern.vtd-arculat-service-page .vtd-hero-mini { will-change: transform; transform-origin: center center; transition: transform .16s linear, box-shadow .35s ease, filter .35s ease; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-board-small-1 { z-index: 1; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-board-main { z-index: 3; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-board-small-2 { z-index: 2; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-hero-mini { z-index: 4; } .vtd-webpage-modern.vtd-arculat-service-page .vtd-floating-board:hover, .vtd-webpage-modern.vtd-arculat-service-page .vtd-hero-mini:hover { filter: brightness(1.03); box-shadow: 0 22px 48px rgba(0,0,0,.22); } @media (prefers-reduced-motion: reduce) { .vtd-webpage-modern.vtd-arculat-service-page .vtd-floating-board, .vtd-webpage-modern.vtd-arculat-service-page .vtd-hero-mini { transform: none !important; transition: box-shadow .35s ease; } } /* ========================================================= RÉSZLETES CSOMAGKÁRTYÁK - SÁRGA FELSŐ NÉV BLOKK Csak az árakat is tartalmazó csomagkártyákra vonatkozik A felső gyors csomagválasztó blokkok változatlanok maradnak ========================================================= */ .vtd-webpage-modern .vtd-package-card { overflow: hidden; padding-top: 0 !important; } .vtd-webpage-modern .vtd-package-title { order: -5; display: flex !important; align-items: center; justify-content: center; min-height: 86px; margin: 0 -28px 22px -28px !important; padding: 22px 28px !important; background: #eca721; color: #ffffff !important; text-align: center; border-radius: 10px 10px 0 0; font-size: 1.28rem; line-height: 1.25; letter-spacing: -0.02em; font-weight: 900; } .vtd-webpage-modern .vtd-package-title span, .vtd-webpage-modern .vtd-package-title strong, .vtd-webpage-modern .vtd-package-title a { color: #ffffff !important; } .vtd-webpage-modern .vtd-package-badge { order: -4; margin-top: 0; } .vtd-webpage-modern .vtd-package-card.vtd-package-featured .vtd-package-title { background: #eca721; color: #ffffff !important; } @media (max-width: 767.98px) { .vtd-webpage-modern .vtd-package-card { padding-top: 0 !important; } .vtd-webpage-modern .vtd-package-title { min-height: 78px; margin: 0 -20px 20px -20px !important; padding: 20px 20px !important; font-size: 1.16rem; line-height: 1.25; } } --></style> <div class="vtd-premium-hero"> <div class="row align-items-center"> <div class="col-lg-7"><span class="vtd-premium-eyebrow" style="color: #ffffff;">arculattervezés, márkaépítés, vizuális rendszer</span> <h1 class="vtd-premium-title"><span style="color: #ffffff;">Arculattervezés - egyedi <br />vizuális arculat tervezése cégeknek</span></h1> <p class="vtd-premium-text"><span style="color: #ffffff;">Az arculattervezés meghatározza, hogyan látják és ismerik fel vállalkozását az ügyfelek, és milyen vizuális arculat alapján azonosítják a márkát.</span></p> <p class="vtd-premium-text"><span style="color: #ffffff;">Egy jól felépített vizuális arculat, amely professzionális arculattervezés eredménye, nemcsak esztétikus, hanem tudatosan közvetíti a márka értékeit.</span></p> <p class="vtd-premium-text"><span style="color: #ffffff;">A VteamDesign szakértői csapata több mint <strong><a href="/Kik-vagyunk" title="Szakértői csapat bemutatása"><span style="color: #ffffff;">15 éves tapasztalattal áll rendelkezésére</span></a></strong>, hogy márkája vizuális identitása erős, következetes és könnyen felismerhető legyen.</span></p> <div class="vtd-premium-tags"><span class="vtd-premium-tag">Arculattervezés</span> <span class="vtd-premium-tag">Logótervezés</span> <span class="vtd-premium-tag">Arculati kézikönyv</span> <span class="vtd-premium-tag">Márkaépítés</span> <span class="vtd-premium-tag">Online és print megjelenés</span></div> <a class="btn btn--strong btn--border-white vtd-white-action-btn vtd-hero-btn-desktop" href="#arajanlat" data-vteam-quote-open="" style="text-decoration: none; font-size: 18px; padding: 16px 36px;" title="Ajánlatkérés arculattervezésre">Személyre szabott ajánlatot kérek</a></div> <div class="col-lg-5"> <div class="vtd-premium-visual"> <div class="vtd-floating-board vtd-board-small-1"><img title="Arculattervezés és vizuális márkaépítés" src="https://vteamdesign.hu/images/referencia/38/caparol-arculattervezes-grafikai-tervezes-katalogus-es-kiadvany-design.jpg" alt="Arculattervezés és vizuális márkaépítés" width="1200" height="898" /></div> <div class="vtd-floating-board vtd-board-main"><img title="Professzionális arculattervezés cégeknek" src="https://vteamdesign.hu/images/referencia/18/altem-arculattervezes-napelem-ceg-telephely-arculat.jpg" alt="Professzionális arculattervezés cégeknek" width="1200" height="898" /></div> <div class="vtd-floating-board vtd-board-small-2"><img title="Céges arculattervezés és márkamegjelenés" src="https://vteamdesign.hu/images/kepek/caparol-arculattervezes-reklamgrafika-jarmudekoracio.png" alt="Céges arculattervezés és márkamegjelenés" /></div> <div class="vtd-hero-mini"><strong>15+ év</strong> <span>arculati, grafikai és digitális projektekben</span></div> </div> </div> <div class="col-12 vtd-hero-mobile-action"><a class="btn btn--strong btn--border-white vtd-white-action-btn" href="#arajanlat" data-vteam-quote-open="" style="text-decoration: none; font-size: 18px; padding: 16px 36px;" title="Ajánlatkérés arculattervezésre">Személyre szabott ajánlatot kérek</a></div> </div> </div> <div class="vtd-quick-packages"><strong class="vtd-quick-packages-title">Melyik arculati csomag érdekli?</strong> <p class="vtd-quick-packages-text">Válassza ki az Ön számára legérdekesebb arculati irányt, és tekintse meg gyorsan a hozzá tartozó csomag részleteit.</p> <div class="row"> <div class="col-md-4 mb-4 mb-md-0"> <div class="vtd-quick-package-card"> <div class="vtd-quick-package-name">Kis arculati csomag</div> <div class="vtd-quick-package-desc">Induló vagy megújuló vállalkozásoknak, alap arculati elemekkel.</div> <a href="/Szolgaltatasaink/Arculattervezes#kis-arculattervezesi-csomag" class="btn btn--primary btn-lg" title="Kis arculattervezési csomag megtekintése">Megnézem</a></div> </div> <div class="col-md-4 mb-4 mb-md-0"> <div class="vtd-quick-package-card vtd-quick-package-featured"><span class="vtd-quick-package-badge">Legjobb választás</span> <div class="vtd-quick-package-name">Teljes arculati csomag</div> <div class="vtd-quick-package-desc">Egységes online és offline megjelenéshez, arculati kézikönyvvel.</div> <a href="/Szolgaltatasaink/Arculattervezes#teljes-arculattervezesi-csomag" class="btn btn--primary btn-lg" title="Teljes arculattervezési csomag megtekintése">Megnézem</a></div> </div> <div class="col-md-4"> <div class="vtd-quick-package-card"> <div class="vtd-quick-package-name">Brandépítési csomag</div> <div class="vtd-quick-package-desc">Komplex márkaépítéshez, stratégiai szemléletű arculati rendszerrel.</div> <a href="/Szolgaltatasaink/Arculattervezes#brandepitesi-arculati-csomag" class="btn btn--primary btn-lg" title="Brandépítési arculati csomag megtekintése">Megnézem</a></div> </div> </div> </div> <div style="margin-bottom: 24px; padding: 6px 4px;"> <div class="row align-items-center"> <div class="col-lg-6 mb-4 mb-lg-0"> <h2 class="h3 mb-2">Miért fontos a professzionális arculattervezés?</h2> <p class="vtd-lead" style="margin-bottom: 14px;">A vizuális arculat az első benyomás meghatározó eleme. Az ügyfelek néhány másodperc alatt döntenek arról, hogy egy márkát komolyan vesznek-e.</p> <p class="vtd-lead" style="margin-bottom: 0;">Egy átgondolatlan vagy következetlen arculat bizonytalanságot kel, míg a professzionális arculattervezés stabil, felismerhető és bizalmat építő megjelenést ad.</p> </div> <div class="col-lg-6"> <div class="row"> <div class="col-sm-6 mb-3"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/palette.svg" alt="Arculati egység ikon" /></div> <strong>Egységes megjelenést ad</strong> <span>Minden felületen következetesebb és felismerhetőbb lesz a vállalkozás vizuális kommunikációja.</span></div> </div> <div class="col-sm-6 mb-3"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/swatches.svg" alt="Színvilág ikon" /></div> <strong>Erősíti a márkát</strong> <span>A jól felépített arculat segíti a márka felismerhetőségét és emlékezetességét.</span></div> </div> <div class="col-sm-6 mb-3"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/shapes.svg" alt="Formavilág ikon" /></div> <strong>Bizalmat kelt</strong> <span>Az igényes vizuális megjelenés profibb és stabilabb vállalkozást mutat.</span></div> </div> <div class="col-sm-6 mb-3"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/pen-nib.svg" alt="Logó és arculat ikon" /></div> <strong>Támogatja az értékesítést</strong> <span>Az egységes arculat hatékonyabbá teszi a marketinget és megkülönbözteti a céget a konkurenciától.</span></div> </div> </div> </div> </div> </div> <div class="row" style="margin-bottom: 24px;"> <div class="col-lg-6 mb-4"> <div class="vtd-natural-image-card"><img title="Arculattervezés fontossága" src="https://vteamdesign.hu/images/kepek/esystem-ugyviteli-rendszer-szoftverarculat-grafikai-tervezes.png" alt="Arculattervezés fontossága" /></div> <div class="vtd-reference-caption">Egységes vizuális arculat<span>átgondolt márkamegjelenés online és offline felületeken</span></div> </div> <div class="col-lg-6 mb-4"> <div class="vtd-natural-image-card"><img title="Arculattervezés" src="https://vteamdesign.hu/images/kepek/ettermi-asztalfoglalo-rendszer-webdesign-ui-ux-tervezes.png" alt="Arculattervezés" /></div> <div class="vtd-reference-caption">Professzionális márkaépítés<span>színek, tipográfia, logó és arculati elemek következetes használata</span></div> </div> </div> <div class="vtd-card vtd-card-soft"><span class="vtd-benefit-eyebrow">Országosan elérhető arculattervezés</span> <h2 class="h3 mb-3">Arculattervezés Budapesten, Kecskeméten és nagyobb magyarországi városokban</h2> <p class="vtd-lead" style="margin-bottom: 14px;">Az arculattervezés online egyeztetéssel is hatékonyan megvalósítható, ezért nemcsak helyi vállalkozásoknak, hanem országosan is vállalunk céges arculat tervezést, logótervezést, arculati kézikönyv készítést és vizuális márkaépítést.</p> <p class="vtd-lead" style="margin-bottom: 0;">Dolgozunk budapesti, kecskeméti, szegedi, debreceni, győri, pécsi, székesfehérvári, veszprémi, szolnoki, miskolci és nyíregyházi vállalkozások számára is. A teljes folyamat az igényfelméréstől a vizuális koncepción át az arculati elemek és a nyomdai, digitális anyagok átadásáig átlátható, lépésenként felépített rendszerben zajlik.</p> <div class="vtd-city-pills" aria-label="Arculattervezés városok szerint"><span class="vtd-city-pill">Budapest</span> <span class="vtd-city-pill">Kecskemét</span> <span class="vtd-city-pill">Szeged</span> <span class="vtd-city-pill">Debrecen</span> <span class="vtd-city-pill">Győr</span> <span class="vtd-city-pill">Pécs</span> <span class="vtd-city-pill">Székesfehérvár</span> <span class="vtd-city-pill">Veszprém</span> <span class="vtd-city-pill">Szolnok</span> <span class="vtd-city-pill">Miskolc</span> <span class="vtd-city-pill">Nyíregyháza</span></div> </div> <div class="vtd-card"><span class="vtd-benefit-eyebrow">Arculattervezési referenciák</span> <h2 class="h3 mb-3">Arculati projektekből válogatva</h2> <p class="vtd-benefit-text">Néhány kiemelt referencia, ahol az arculattervezés nem csak egy logóról szólt, hanem teljesebb vizuális rendszerről: étlap, autódekoráció, arculati kézikönyv, marketinganyag, céges stationery és egységes márkamegjelenés.</p> <div class="row mt-4"> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/Pellegrino-Pizza" class="vtd-reference-card" title="Pellegrino étterem arculattervezés referencia"> <img title="Pellegrino étterem arculattervezés és menü design" src="https://vteamdesign.hu/images/referencia/5/pellegrino-etterem-arculat-menu-design.jpg" alt="Pellegrino étterem arculattervezés és menü design referencia" /> <div class="vtd-reference-caption">Pellegrino étterem<span>vendéglátóipari arculat, étlap design és elegáns márkamegjelenés</span></div> </a></div> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/Caparol-Hungaria-Kft" class="vtd-reference-card" title="Caparol arculattervezés és autó branding referencia"> <img title="Caparol arculattervezés és autó branding" src="https://vteamdesign.hu/images/referencia/38/caparol-arculattervezes-grafikai-tervezes-auto-branding-megjelenes.jpg" alt="Caparol arculattervezés, grafikai tervezés és autó branding referencia" /> <div class="vtd-reference-caption">Caparol<span>arculati megjelenés, grafikai tervezés és céges autó branding</span></div> </a></div> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/eSystem" class="vtd-reference-card" title="Esyspay arculati kézikönyv és branding referencia"> <img title="Esyspay arculati kézikönyv és branding" src="https://vteamdesign.hu/images/referencia/59/esyspay-arculati-kezikonyv-branding.jpg" alt="Esyspay arculati kézikönyv és branding referencia" /> <div class="vtd-reference-caption">Esyspay<span>digitális márka arculati kézikönyve és következetes branding rendszere</span></div> </a></div> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/Varpalota" class="vtd-reference-card" title="Várpalota arculati kézikönyv és logóhasználat referencia"> <img title="Várpalota arculati kézikönyv és logóhasználat" src="https://vteamdesign.hu/images/referencia/21/varpalota-arculati-kezikonyv-logo-hasznalat.jpg" alt="Várpalota arculati kézikönyv és logóhasználat referencia" /> <div class="vtd-reference-caption">Várpalota<span>arculati kézikönyv, logóhasználati szabályok és városi vizuális rendszer</span></div> </a></div> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/DORADO-XXI-Biztositasi-Alkusz-Kft" class="vtd-reference-card" title="Dorado biztosítási alkusz arculati marketinganyag referencia"> <img title="Dorado biztosítási alkusz arculati marketinganyag tervezés" src="https://vteamdesign.hu/images/referencia/37/dorado-biztositas-alkusz-marketing-anyag-tervezes.jpg" alt="Dorado biztosítási alkusz arculattervezés és marketinganyag tervezés referencia" /> <div class="vtd-reference-caption">Dorado biztosítási alkusz<span>céges arculatra épülő marketinganyag és üzleti kommunikáció</span></div> </a></div> <div class="col-md-6 col-lg-4 mb-4"><a href="/Referencia/De-Maio-Consulting" class="vtd-reference-card" title="Demaio arculattervezés és céges stationery referencia"> <img title="Demaio arculattervezés és céges stationery" src="https://vteamdesign.hu/images/referencia/17/demaio-arculattervezes-logotervezes-ceges-stationery-arculati-rendszer.jpg" alt="Demaio arculattervezés, logótervezés és céges stationery referencia" /> <div class="vtd-reference-caption">Demaio<span>logótervezés, céges stationery és egységes arculati rendszer</span></div> </a></div> </div> </div> <div class="vtd-card"><span class="vtd-benefit-eyebrow">Munkafolyamat</span> <h2 class="h3 mb-3">Hogyan zajlik az arculattervezés folyamata?</h2> <p class="vtd-benefit-text">Az arculattervezés nálunk átgondolt, több lépésből álló folyamat, amely a vizuális arculat tervezését teljes rendszerként kezeli.</p> <div class="row mt-4"> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/chat-circle-text.svg" alt="Igényfelmérés ikon" /></div> <strong>Igényfelmérés</strong> <span>Megismerjük vállalkozása céljait, célközönségét, piaci környezetét és stílusát. Ez az alapja az egész arculattervezési folyamatnak.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/selection.svg" alt="Koncepció ikon" /></div> <strong>Koncepcióalkotás</strong> <span>Elindítjuk a megállapodásban foglalt munkafolyamatokat: logótervezés, arculati elemek kialakítása és kreatív irányok kidolgozása.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/pen-nib.svg" alt="Tervezés ikon" /></div> <strong>Arculati elemek tervezése</strong> <span>Elkészítjük az arculat vizuális elemeit, figyelve az egységességre, a használhatóságra és a márkához illeszkedő megjelenésre.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/magic-wand.svg" alt="Finomítás ikon" /></div> <strong>Finomítás és jóváhagyás</strong> <span>Az elkészült terveket egyeztetjük, szükség esetén módosítjuk, hogy a végeredmény megfeleljen az elvárásoknak.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/file-pdf.svg" alt="Átadás ikon" /></div> <strong>Átadás</strong> <span>Az arculati anyagokat nyomdai és digitális formátumban is átadjuk, rendszerezve, készen a használatra.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-label-card"> <div class="vtd-label-badge" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/rocket-launch.svg" alt="Indítás ikon" /></div> <strong>Bővíthetőség</strong> <span>Az elkészült arculat később további grafikai, webes és marketinganyagokkal is könnyen továbbépíthető.</span></div> </div> </div> </div> <div class="vtd-yellow-head"> <h2 class="h3 mb-2">ARCULATTERVEZÉS CSOMAGOK</h2> <p style="max-width: 900px; margin: 18px auto 0; line-height: 1.75; font-size: 1.05rem;">Mivel az arculattervezési igények minden vállalkozásnál eltérőek, ügyfeleink mindig egyedi ajánlatot kapnak. Az átláthatóság érdekében ugyanakkor összeállítottunk néhány irányadó csomagot, amelyek segítenek eligazodni a várható költségekben.</p> </div> <div class="row" style="margin-bottom: 24px;"> <div class="col-lg-4 mb-4" style="display: flex;"><span id="kis-arculattervezesi-csomag" class="vtd-anchor-target"></span> <div class="vtd-package-card"> <h3 class="vtd-package-title">Kis arculattervezési csomag</h3> <p class="vtd-package-intro">Ha már elindult, de most szeretné vizuálisan is komolyan venni a vállalkozását. Ideális választás, ha célja egy következetes, professzionális megjelenés kialakítása az első üzleti találkozóktól a mindennapi kommunikációig.</p> <div class="vtd-package-subtitle">Tartalmazza:</div> <ul class="vtd-package-list"> <li>egyedi logó tervezése</li> <li>névjegykártya grafikai kialakítása</li> <li>alapvető arculati elemek megtervezése</li> <li>egységes vizuális irány kialakítása</li> <li>nyomdai és digitális felhasználásra alkalmas anyagok</li> <li>később könnyen bővíthető arculati alap</li> </ul> <div class="vtd-price-box"><span class="vtd-price-label">Bruttó induló ár</span> <span class="vtd-price-old">189.000 Ft</span> <span class="vtd-price">179.000 Ft<span class="vtd-price-suffix">-tól</span></span> <a href="#arajanlat" data-vteam-quote-open="" class="btn btn--primary btn-lg" title="Ajánlatkérés arculattervezésre">Ajánlatot kérek</a> <p class="vtd-note">Kötelezettség nélkül • Válasz 1 munkanapon belül</p> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"><span id="teljes-arculattervezesi-csomag" class="vtd-anchor-target"></span> <div class="vtd-package-card vtd-package-featured"><span class="vtd-package-badge">Legjobb választás</span> <h3 class="vtd-package-title">Teljes arculattervezési csomag</h3> <p class="vtd-package-intro">Ha egységes, átgondolt megjelenést szeretne minden online és offline felületen. Komplex megoldás tudatos márkaépítéshez, ahol a logótervezésen túl a teljes arculati rendszer is elkészül.</p> <div class="vtd-package-subtitle">Tartalmazza:</div> <ul class="vtd-package-list"> <li>egyedi logótervezés</li> <li>teljes arculati rendszer kialakítása</li> <li>nyomdai és digitális arculati elemek tervezése</li> <li>színek, betűtípusok és vizuális irány meghatározása</li> <li>arculati kézikönyv</li> <li>egységes online és offline márkamegjelenés</li> <li>hosszú távon is következetes és felismerhető vizuális alap</li> </ul> <div class="vtd-price-box"><span class="vtd-price-label">Bruttó induló ár</span> <span class="vtd-price-old">399.000 Ft</span> <span class="vtd-price">349.000 Ft<span class="vtd-price-suffix">-tól</span></span> <a href="#arajanlat" data-vteam-quote-open="" class="btn btn--primary btn-lg" title="Ajánlatkérés arculattervezésre">Ajánlatot kérek</a> <p class="vtd-note">Kötelezettség nélkül • Válasz 1 munkanapon belül</p> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"><span id="brandepitesi-arculati-csomag" class="vtd-anchor-target"></span> <div class="vtd-package-card"> <h3 class="vtd-package-title">Brandépítési arculati csomag</h3> <p class="vtd-package-intro">Ha nemcsak arculatot, hanem tudatosan felépített márkát szeretne. Ideális növekedés előtt álló cégeknek, újrapozicionálásra készülő vállalkozásoknak vagy erős piaci jelenlétet építő márkáknak.</p> <div class="vtd-package-subtitle">Tartalmazza:</div> <ul class="vtd-package-list"> <li>stratégiai szemléletű arculattervezés</li> <li>célközönség és piaci környezet figyelembevétele</li> <li>márkaidentitás és vizuális irány kialakítása</li> <li>arculati elemek komplex tervezése</li> <li>tudatos kommunikációt támogató vizuális alap</li> <li>hosszú távú márkaépítést segítő megoldások</li> </ul> <div class="vtd-price-box"><span class="vtd-price-label">Egyedi ajánlat alapján</span> <span class="vtd-price" style="font-size: 1.55rem; letter-spacing: -0.03em;">Személyre szabott</span> <a href="#arajanlat" data-vteam-quote-open="" class="btn btn--primary btn-lg" title="Ajánlatkérés brandépítési arculati csomagra">Személyre szabott ajánlatot kérek</a> <p class="vtd-note">Kötelezettség nélkül • 1 munkanapon belül felvesszük Önnel a kapcsolatot</p> </div> </div> </div> </div> <div class="vtd-card vtd-card-soft"><span class="vtd-benefit-eyebrow">Nem biztos benne, melyik csomag lenne jó?</span> <h2 class="h3 mb-3">Segítünk kiválasztani a megfelelő arculattervezési csomagot.</h2> <p class="vtd-lead" style="margin-bottom: 0;">Ha még nem tudja, hogy a kis arculati csomag, a teljes arculattervezési csomag vagy a brandépítési arculati csomag lenne a legjobb választás, írja le röviden a vállalkozását és az elképzeléseit. Segítünk eldönteni, milyen arculati irány támogatná legjobban a márka megjelenését.</p> </div> <div class="vtd-faq-card"> <h2 class="h3 mb-3">Gyakori kérdések arculattervezés előtt</h2> <p class="vtd-lead" style="max-width: 920px; margin-bottom: 28px;">Összegyűjtöttük a leggyakoribb kérdéseket, amelyek egy új céges arculat vagy arculatfrissítés előtt felmerülhetnek.</p> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Mit jelent az arculattervezés?</h3> <p>Az arculattervezés a márka vizuális rendszerének kialakítását jelenti, amely tartalmazhat logót, színeket, betűtípusokat, névjegyet, arculati elemeket és arculati kézikönyvet is.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Miben más, mint a logótervezés?</h3> <p>A logótervezés a márkajel kialakítására fókuszál, az arculattervezés viszont teljesebb rendszerben gondolkodik: egységes megjelenést ad minden online és offline felületen.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Kell-e arculati kézikönyv?</h3> <p>Ha fontos, hogy a márka hosszú távon is következetesen jelenjen meg, akkor az arculati kézikönyv nagy segítséget ad a színek, betűtípusok és arculati elemek használatához.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Induló vállalkozásnak is ajánlott?</h3> <p>Igen, mert egy jól felépített arculat már az induláskor professzionálisabb képet mutat, és segít megalapozni a vállalkozás vizuális kommunikációját.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Később bővíthető az arculat?</h3> <p>Igen, az arculati alap később további nyomdai, webes, social media és marketinganyagokkal is bővíthető.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Kapok személyre szabott ajánlatot?</h3> <p>Igen, az arculattervezési igények eltérőek lehetnek, ezért minden esetben az adott vállalkozás céljaihoz igazított ajánlatot készítünk.</p> </div> </div> </div> </div> <div class="vtd-cta"> <div class="vtd-cta-title">KÉRJEN AJÁNLATOT ARCULATTERVEZÉSRE,<br />INGYENES KONZULTÁCIÓVAL!</div> <a href="#arajanlat" data-vteam-quote-open="" class="btn btn--strong btn--border-white" style="text-decoration: none; font-size: 18px; padding: 16px 36px;" title="Érdekel az arculattervezési szolgáltatás">Érdekel a szolgáltatás</a></div> <script type="text/javascript">// <![CDATA[ (function () { var section = document.querySelector('.vtd-webpage-modern.vtd-arculat-service-page .vtd-premium-hero'); if (!section) return; var items = [ { el: section.querySelector('.vtd-board-small-1'), desktopMove: -42, mobileMove: -22, rotate: -3.4, x: -12, idle: 6 }, { el: section.querySelector('.vtd-board-main'), desktopMove: 34, mobileMove: 18, rotate: 2.2, x: 10, idle: -5 }, { el: section.querySelector('.vtd-board-small-2'), desktopMove: -30, mobileMove: -16, rotate: 2.8, x: 14, idle: 7 }, { el: section.querySelector('.vtd-hero-mini'), desktopMove: 42, mobileMove: 20, rotate: -1.2, x: -8, idle: -4 } ].filter(function (item) { return !!item.el; }); if (!items.length) return; var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); var ticking = false; var latestProgress = 0; var latestIdle = 0; function clamp(value, min, max) { return Math.max(min, Math.min(max, value)); } function isMobile() { return window.innerWidth < 768; } function resetTransforms() { items.forEach(function (item) { item.el.style.transform = 'translate3d(0, 0, 0) rotate(0deg) scale(1)'; }); } function calculateProgress() { var rect = section.getBoundingClientRect(); var viewportHeight = window.innerHeight || document.documentElement.clientHeight; var sectionCenter = rect.top + (rect.height / 2); var viewportCenter = viewportHeight / 2; return clamp((viewportCenter - sectionCenter) / (viewportHeight * 0.62), -1, 1); } function applyMotion() { if (prefersReducedMotion.matches) { resetTransforms(); return; } var mobile = isMobile(); items.forEach(function (item, index) { var move = mobile ? item.mobileMove : item.desktopMove; var rotateStrength = mobile ? 0.55 : 1; var xStrength = mobile ? 0.45 : 1; var scale = 1 + (Math.abs(latestProgress) * (mobile ? 0.012 : 0.018)); var y = latestProgress * move + Math.sin(latestIdle + index) * (mobile ? item.idle * 0.45 : item.idle); var x = latestProgress * item.x * xStrength; var r = latestProgress * item.rotate * rotateStrength; item.el.style.transform = 'translate3d(' + x.toFixed(2) + 'px, ' + y.toFixed(2) + 'px, 0) ' + 'rotate(' + r.toFixed(2) + 'deg) ' + 'scale(' + scale.toFixed(3) + ')'; }); } function updateParallax() { ticking = false; latestProgress = calculateProgress(); applyMotion(); } function requestTick() { if (!ticking) { window.requestAnimationFrame(updateParallax); ticking = true; } } function idleLoop(time) { latestIdle = time / 1450; applyMotion(); window.requestAnimationFrame(idleLoop); } window.addEventListener('scroll', requestTick, { passive: true }); window.addEventListener('resize', requestTick); window.addEventListener('load', requestTick); if (prefersReducedMotion.addEventListener) { prefersReducedMotion.addEventListener('change', requestTick); } else if (prefersReducedMotion.addListener) { prefersReducedMotion.addListener(requestTick); } requestTick(); window.requestAnimationFrame(idleLoop); })(); // ]]></script> </section>" ["tartalom"]=> string(25599) "<section class="section container vtd-webpage-modern vtd-arculat-extra-page"> <style><!-- .vtd-webpage-modern { color: #111; } .vtd-webpage-modern.section { padding-top: 0 !important; margin-top: 20px; } .vtd-webpage-modern *, .vtd-webpage-modern *::before, .vtd-webpage-modern *::after { box-sizing: border-box; } .vtd-webpage-modern .vtd-card { background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 42px 38px; box-shadow: 0 8px 26px rgba(0,0,0,.05); margin-bottom: 24px; } .vtd-webpage-modern .vtd-card-soft { background: #f7f7f7; } .vtd-webpage-modern .vtd-yellow-head { background: #eca721; border: 1px solid #eca721; border-radius: 10px; padding: 42px 38px; box-shadow: 0 8px 26px rgba(0,0,0,.05); margin-bottom: 24px; text-align: center; } .vtd-webpage-modern .vtd-yellow-head strong, .vtd-webpage-modern .vtd-yellow-head p, .vtd-webpage-modern .vtd-yellow-head span, .vtd-webpage-modern .vtd-yellow-head h2 { color: #fff !important; } .vtd-webpage-modern .vtd-lead { color: #111; line-height: 1.75; font-size: 1.05rem; } .vtd-webpage-modern .vtd-benefit-eyebrow { display: inline-block; color: #eca721; font-size: .84rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 14px; } .vtd-webpage-modern .vtd-benefit-text { color: #111; line-height: 1.8; font-size: 1.04rem; margin-bottom: 0; } .vtd-webpage-modern .vtd-value-card, .vtd-webpage-modern .vtd-info-card, .vtd-webpage-modern .vtd-faq-item { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; padding: 26px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.04); } .vtd-webpage-modern .vtd-value-card { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .vtd-webpage-modern .vtd-info-card, .vtd-webpage-modern .vtd-faq-item { background: #f7f7f7; } .vtd-webpage-modern .vtd-value-icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(236,167,33,.12); color: #eca721; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 14px; } .vtd-webpage-modern .vtd-value-card strong, .vtd-webpage-modern .vtd-info-card strong, .vtd-webpage-modern .vtd-faq-item h3 { display: block; color: #111; font-size: 1.08rem; line-height: 1.35; font-weight: 900; margin-bottom: 10px; } .vtd-webpage-modern .vtd-value-card span, .vtd-webpage-modern .vtd-info-card span, .vtd-webpage-modern .vtd-faq-item p { display: block; color: #555; font-size: .96rem; line-height: 1.65; margin-bottom: 0; } .vtd-webpage-modern .vtd-reference-wide, .vtd-webpage-modern .vtd-reference-card { display: block; background: #fff; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.045); height: 100%; text-decoration: none; } .vtd-webpage-modern .vtd-reference-wide img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center center; transition: transform .25s ease; } .vtd-webpage-modern .vtd-reference-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: center center; transition: transform .25s ease; } .vtd-webpage-modern .vtd-reference-wide:hover img, .vtd-webpage-modern .vtd-reference-card:hover img { transform: scale(1.035); } .vtd-webpage-modern .vtd-reference-caption { padding: 16px 18px 18px; color: #111; font-weight: 900; line-height: 1.35; } .vtd-webpage-modern .vtd-reference-caption span { display: block; color: #555; font-size: .94rem; font-weight: 500; margin-top: 6px; } .vtd-webpage-modern .vtd-cta { background: #eca721; border-radius: 10px; padding: 34px 28px; margin: 40px 0 0; overflow: hidden; text-align: center; } .vtd-webpage-modern .vtd-cta-title { color: #fff; font-size: 1.8rem; line-height: 1.2; font-weight: 900; margin-bottom: 18px; } .vtd-webpage-modern a:not(.btn):not(.vtd-reference-wide):not(.vtd-reference-card) { color: #111; font-weight: 800; text-decoration: underline; text-decoration-color: rgba(236,167,33,.55); text-underline-offset: 3px; } @media (max-width: 767.98px) { .vtd-webpage-modern.section { margin-top: -35px; } .vtd-webpage-modern .vtd-card, .vtd-webpage-modern .vtd-yellow-head { padding: 28px 20px; } .vtd-webpage-modern .vtd-cta-title { font-size: 1.45rem; } } /* IKONOS MEGJELENÉS - előző forrás szerinti stílus */ .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card::before { content: ""; position: absolute; top: -42px; right: -42px; width: 96px; height: 96px; background: radial-gradient(circle, rgba(236,167,33,.14), transparent 68%); opacity: 0; transition: opacity .25s ease, transform .25s ease; pointer-events: none; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.45); box-shadow: 0 18px 38px rgba(0,0,0,.075); } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card:hover::before { opacity: 1; transform: scale(1.08); } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-icon { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 18px; background: radial-gradient(circle at top right, rgba(255,255,255,.82), transparent 42%), rgba(236,167,33,.13); color: #eca721; box-shadow: 0 12px 26px rgba(236,167,33,.12); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 64px; font-size: 0; transition: transform .25s ease, background-color .25s ease, color .25s ease, box-shadow .25s ease; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card:hover .vtd-value-icon { background: #eca721; color: #fff; transform: translateY(-3px) scale(1.04); box-shadow: 0 18px 34px rgba(236,167,33,.26); } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-icon img, .vtd-webpage-modern.vtd-arculat-extra-page .vtd-icon-img { display: block; width: 34px; height: 34px; object-fit: contain; filter: brightness(0) saturate(100%) invert(62%) sepia(87%) saturate(672%) hue-rotate(354deg) brightness(95%) contrast(91%); transition: filter .25s ease, transform .25s ease, opacity .25s ease; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card:hover .vtd-value-icon img, .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card:hover .vtd-icon-img { filter: brightness(0) invert(1); transform: scale(1.04); } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card > * { position: relative; z-index: 2; } @media (max-width: 767.98px) { .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card { text-align: center; align-items: center; justify-content: center; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card strong, .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-card span { text-align: center; margin-left: auto; margin-right: auto; } .vtd-webpage-modern.vtd-arculat-extra-page .vtd-value-icon { margin-left: auto; margin-right: auto; } } --></style> <div class="vtd-card"><span class="vtd-benefit-eyebrow">Gyakorlati arculattervezés</span> <h2 class="h3 mb-3">Mit jelent az arculattervezés a gyakorlatban?</h2> <p class="vtd-lead" style="margin-bottom: 26px;">Az arculattervezés nem csupán látványos grafikai elemeket jelent. Egy komplex vizuális rendszer kialakításáról van szó, amely minden megjelenési ponton egységesen működik.</p> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/bounding-box.svg" alt="Logóhasználati szabályok ikon" /></div> <strong>Logóhasználati szabályok</strong> <span>Meghatározzuk, hogyan jelenjen meg a logó különböző méretben, háttéren és felületen.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/swatches.svg" alt="Színpaletta ikon" /></div> <strong>Színpaletta</strong> <span>Olyan színrendszert alakítunk ki, amely következetesen képviseli a márka hangulatát.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/book-open-text.svg" alt="Tipográfia ikon" /></div> <strong>Tipográfia</strong> <span>A betűhasználat egységesíti a kommunikációt, és segíti a professzionális megjelenést.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/shapes.svg" alt="Grafikai elemek ikon" /></div> <strong>Grafikai elemek</strong> <span>Minták, ikonok, formák és vizuális kiegészítők teszik felismerhetőbbé az arculatot.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/printer.svg" alt="Nyomdai megjelenések ikon" /></div> <strong>Nyomdai megjelenések</strong> <span>Névjegykártya, kiadvány, reklámanyag vagy céges dokumentum is egységes arculatot kap.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-value-card"> <div class="vtd-value-icon" aria-hidden="true"><img class="vtd-icon-img" src="https://vteamdesign.hu/images/ikonok/devices.svg" alt="Digitális felületek ikon" /></div> <strong>Digitális felületek</strong> <span>Weboldalon, közösségi médiában és online hirdetésekben is következetesen jelenik meg a márka.</span></div> </div> </div> </div> <div class="row" style="margin-bottom: 24px;"> <div class="col-lg-6 mb-4"><a href="/Referencia/Campanari" class="vtd-reference-wide" title="Campanari arculattervezés referencia"> <img title="Campanari brand design és arculattervezés" src="https://vteamdesign.hu/images/referencia/29/campanari-ciposdoboz-ferfi-cipo-brand-design.jpg" alt="Campanari brand design és arculattervezés referencia" /> <div class="vtd-reference-caption">Arculat több felületen<span>A jó arculat akkor erős, ha csomagoláson, kiadványon és digitális felületen is egységesen működik.</span></div> </a></div> <div class="col-lg-6 mb-4"><a href="/Referencia/Budavar-Dental" class="vtd-reference-wide" title="Budavár Dental arculattervezés referencia"> <img title="Budavár Dental arculattervezés és névjegykártya" src="https://vteamdesign.hu/images/referencia/10/budavar-dental-nevjegykartya-tervezese.jpg" alt="Budavár Dental arculattervezés és névjegykártya referencia" /> <div class="vtd-reference-caption">Arculati rendszer a részletekben<span>A névjegykártya, a logóhasználat és a vizuális stílus együtt építi a márka bizalmi képét.</span></div> </a></div> </div> <div class="vtd-yellow-head"> <h2 class="h3 mb-2">Mit tartalmaz az arculattervezési szolgáltatás?</h2> <p style="max-width: 920px; margin: 18px auto 0; line-height: 1.75; font-size: 1.05rem;">Az arculattervezési csomag az igényekhez igazítható, legyen szó céges arculattervezésről vagy komplex brandépítésről.</p> </div> <div class="row" style="margin-bottom: 24px;"> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Egyedi vizuális arculat</strong> <span>A vállalkozás karakteréhez illeszkedő, sablonmentes arculati irány kialakítása.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Szín- és betűhasználati rendszer</strong> <span>Meghatározzuk azokat a színeket és betűtípusokat, amelyek egységesítik a márkakommunikációt.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Grafikai elemek és stílusirány</strong> <span>A logó mellé olyan grafikai rendszer készülhet, amely felismerhetőbbé teszi a márkát.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Nyomdai és digitális fájlok</strong> <span>Az arculati elemeket webes és nyomdai felhasználásra alkalmas formátumokban adjuk át.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Egységes megjelenési elvek</strong> <span>A márka minden felületen következetesebben és professzionálisabban jelenhet meg.</span></div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-info-card"><strong>Azonnal használható arculat</strong> <span>Az elkészült arculat weboldalon, közösségi médiában, nyomtatott anyagokon és egyéb kommunikációs felületeken is használható.</span></div> </div> </div> <div class="vtd-card vtd-card-soft"><span class="vtd-benefit-eyebrow">Kinek ajánlott?</span> <h2 class="h3 mb-3">Kinek jó választás az arculattervezés?</h2> <p class="vtd-lead" style="margin-bottom: 26px;">Az arculattervezés ideális választás induló vállalkozások számára, akik egyedi vizuális arculatot szeretnének kialakítani, de ugyanígy hasznos már működő cégeknek, márkaváltás előtt álló vállalkozásoknak, webshopoknak és szolgáltatóknak is.</p> <div class="row"> <div class="col-md-6 mb-4"> <div class="vtd-info-card"><strong>Induló vállalkozásoknak</strong> <span>Akik az első pillanattól profi, egységes és megbízható képet szeretnének mutatni.</span></div> </div> <div class="col-md-6 mb-4"> <div class="vtd-info-card"><strong>Már működő cégeknek</strong> <span>Akik arculatfrissítésen, márkaváltáson vagy professzionálisabb megjelenésen gondolkodnak.</span></div> </div> <div class="col-md-6 mb-4"> <div class="vtd-info-card"><strong>Webshopoknak és szolgáltatóknak</strong> <span>Akiknek fontos, hogy online és offline felületeiken is egységes márkaélményt adjanak.</span></div> </div> <div class="col-md-6 mb-4"> <div class="vtd-info-card"><strong>Tudatos márkaépítőknek</strong> <span>Akik szeretnék megerősíteni piaci jelenlétüket, és hosszú távon is felismerhető márkát építenének.</span></div> </div> </div> </div> <div class="vtd-card"><span class="vtd-benefit-eyebrow">Online folyamat</span> <h2 class="h3 mb-3">Arculattervezés online – országosan elérhető</h2> <p class="vtd-lead" style="margin-bottom: 0;">Az arculattervezési folyamat teljes egészében online is megvalósítható, így Magyarország bármely pontjáról igénybe vehető. A kommunikáció átlátható, a folyamat rugalmas, az eredmény pedig professzionális.</p> </div> <div class="vtd-card"><span class="vtd-benefit-eyebrow">Gyakori kérdések</span> <h2 class="h3 mb-3">Gyakran ismételt kérdések arculattervezéssel kapcsolatban</h2> <p class="vtd-benefit-text">A legfontosabb kérdéseket rövidebb, átláthatóbb formában gyűjtöttük össze, hogy könnyebb legyen eligazodni az arculattervezési folyamatban.</p> <div class="row mt-4"> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Mennyi idő alatt készül el egy professzionális vizuális arculat?</h3> <p>Az arculattervezés időtartama a projekt összetettségétől függ, jellemzően néhány héten belül elkészül.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Kaphatok több verziót?</h3> <p>Igen, az arculattervezési folyamat során több kreatív irány is bemutatásra kerül.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Milyen formátumban kapom meg az arculati anyagokat?</h3> <p>Az anyagokat nyomdai és webes formátumban is átadjuk, hogy az arculat online és offline felületeken is használható legyen.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Mi a különbség a logótervezés és az arculattervezés között?</h3> <p>A logótervezés egyetlen vizuális elemre fókuszál, míg az arculattervezés teljes vizuális rendszert foglal magában: logóhasználat, színvilág, tipográfia és grafikai elemek.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Lehet módosításokat kérni?</h3> <p>Természetesen. A visszajelzés és a finomítás része a folyamatnak, hogy a végeredmény megfeleljen az elvárásoknak.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="vtd-faq-item"> <h3>Az arculattervezés segít a márkaépítésben?</h3> <p>Igen, az arculattervezés a márkaépítés egyik alapja. Egy jól kialakított vizuális arculat erősíti a márka üzenetét és támogatja a hosszú távú üzleti célokat.</p> </div> </div> </div> </div> <div class="vtd-cta"> <div class="vtd-cta-title">SZERETNE KÖVETKEZETES,<br />PROFI ÉS IDŐTÁLLÓ ARCULATOT?</div> <a class="btn btn--strong btn--border-white vtd-white-action-btn vtd-hero-btn-desktop" href="#arajanlat" data-vteam-quote-open="" title="Ajánlatkérés arculattervezésre">Személyre szabott ajánlatot kérek</a></div> </section>" ["kep"]=> string(0) "" ["cimke"]=> string(0) "" ["title"]=> string(68) "Arculattervezés - Egyedi céges arculattervezés" ["description"]=> string(178) "Professzionális arculattervezés kis- és középvállalatoknak. Egyedi, modern arculat tervezés a VteamDesign csapatától." ["keywords"]=> string(0) "" ["datum"]=> string(10) "2015-08-05" ["ora"]=> string(8) "10:05:36" ["pozicio"]=> string(0) "" ["megjelenes"]=> string(1) "0" ["aloldal"]=> string(2) "11" ["fooldal"]=> string(1) "0" ["cikk"]=> string(1) "0" ["sorrend"]=> string(1) "3" ["nyelv"]=> string(2) "hu" ["lathato"]=> string(1) "I" ["fejleckep"]=> NULL ["fejleckepalt"]=> NULL ["kod"]=> NULL ["lejarat"]=> NULL ["meta"]=> NULL }
Az arculattervezés meghatározza, hogyan látják és ismerik fel vállalkozását az ügyfelek, és milyen vizuális arculat alapján azonosítják a márkát.
Egy jól felépített vizuális arculat, amely professzionális arculattervezés eredménye, nemcsak esztétikus, hanem tudatosan közvetíti a márka értékeit.
A VteamDesign szakértői csapata több mint 15 éves tapasztalattal áll rendelkezésére, hogy márkája vizuális identitása erős, következetes és könnyen felismerhető legyen.
Személyre szabott ajánlatot kérek


Válassza ki az Ön számára legérdekesebb arculati irányt, és tekintse meg gyorsan a hozzá tartozó csomag részleteit.
A vizuális arculat az első benyomás meghatározó eleme. Az ügyfelek néhány másodperc alatt döntenek arról, hogy egy márkát komolyan vesznek-e.
Egy átgondolatlan vagy következetlen arculat bizonytalanságot kel, míg a professzionális arculattervezés stabil, felismerhető és bizalmat építő megjelenést ad.


Az arculattervezés online egyeztetéssel is hatékonyan megvalósítható, ezért nemcsak helyi vállalkozásoknak, hanem országosan is vállalunk céges arculat tervezést, logótervezést, arculati kézikönyv készítést és vizuális márkaépítést.
Dolgozunk budapesti, kecskeméti, szegedi, debreceni, győri, pécsi, székesfehérvári, veszprémi, szolnoki, miskolci és nyíregyházi vállalkozások számára is. A teljes folyamat az igényfelméréstől a vizuális koncepción át az arculati elemek és a nyomdai, digitális anyagok átadásáig átlátható, lépésenként felépített rendszerben zajlik.
Néhány kiemelt referencia, ahol az arculattervezés nem csak egy logóról szólt, hanem teljesebb vizuális rendszerről: étlap, autódekoráció, arculati kézikönyv, marketinganyag, céges stationery és egységes márkamegjelenés.
Az arculattervezés nálunk átgondolt, több lépésből álló folyamat, amely a vizuális arculat tervezését teljes rendszerként kezeli.
Mivel az arculattervezési igények minden vállalkozásnál eltérőek, ügyfeleink mindig egyedi ajánlatot kapnak. Az átláthatóság érdekében ugyanakkor összeállítottunk néhány irányadó csomagot, amelyek segítenek eligazodni a várható költségekben.
Ha már elindult, de most szeretné vizuálisan is komolyan venni a vállalkozását. Ideális választás, ha célja egy következetes, professzionális megjelenés kialakítása az első üzleti találkozóktól a mindennapi kommunikációig.
Kötelezettség nélkül • Válasz 1 munkanapon belül
Ha egységes, átgondolt megjelenést szeretne minden online és offline felületen. Komplex megoldás tudatos márkaépítéshez, ahol a logótervezésen túl a teljes arculati rendszer is elkészül.
Kötelezettség nélkül • Válasz 1 munkanapon belül
Ha nemcsak arculatot, hanem tudatosan felépített márkát szeretne. Ideális növekedés előtt álló cégeknek, újrapozicionálásra készülő vállalkozásoknak vagy erős piaci jelenlétet építő márkáknak.
Kötelezettség nélkül • 1 munkanapon belül felvesszük Önnel a kapcsolatot
Ha még nem tudja, hogy a kis arculati csomag, a teljes arculattervezési csomag vagy a brandépítési arculati csomag lenne a legjobb választás, írja le röviden a vállalkozását és az elképzeléseit. Segítünk eldönteni, milyen arculati irány támogatná legjobban a márka megjelenését.
Összegyűjtöttük a leggyakoribb kérdéseket, amelyek egy új céges arculat vagy arculatfrissítés előtt felmerülhetnek.
Az arculattervezés a márka vizuális rendszerének kialakítását jelenti, amely tartalmazhat logót, színeket, betűtípusokat, névjegyet, arculati elemeket és arculati kézikönyvet is.
A logótervezés a márkajel kialakítására fókuszál, az arculattervezés viszont teljesebb rendszerben gondolkodik: egységes megjelenést ad minden online és offline felületen.
Ha fontos, hogy a márka hosszú távon is következetesen jelenjen meg, akkor az arculati kézikönyv nagy segítséget ad a színek, betűtípusok és arculati elemek használatához.
Igen, mert egy jól felépített arculat már az induláskor professzionálisabb képet mutat, és segít megalapozni a vállalkozás vizuális kommunikációját.
Igen, az arculati alap később további nyomdai, webes, social media és marketinganyagokkal is bővíthető.
Igen, az arculattervezési igények eltérőek lehetnek, ezért minden esetben az adott vállalkozás céljaihoz igazított ajánlatot készítünk.
Az arculattervezés nem csupán látványos grafikai elemeket jelent. Egy komplex vizuális rendszer kialakításáról van szó, amely minden megjelenési ponton egységesen működik.
Az arculattervezési csomag az igényekhez igazítható, legyen szó céges arculattervezésről vagy komplex brandépítésről.
Az arculattervezés ideális választás induló vállalkozások számára, akik egyedi vizuális arculatot szeretnének kialakítani, de ugyanígy hasznos már működő cégeknek, márkaváltás előtt álló vállalkozásoknak, webshopoknak és szolgáltatóknak is.
Az arculattervezési folyamat teljes egészében online is megvalósítható, így Magyarország bármely pontjáról igénybe vehető. A kommunikáció átlátható, a folyamat rugalmas, az eredmény pedig professzionális.
A legfontosabb kérdéseket rövidebb, átláthatóbb formában gyűjtöttük össze, hogy könnyebb legyen eligazodni az arculattervezési folyamatban.
Az arculattervezés időtartama a projekt összetettségétől függ, jellemzően néhány héten belül elkészül.
Igen, az arculattervezési folyamat során több kreatív irány is bemutatásra kerül.
Az anyagokat nyomdai és webes formátumban is átadjuk, hogy az arculat online és offline felületeken is használható legyen.
A logótervezés egyetlen vizuális elemre fókuszál, míg az arculattervezés teljes vizuális rendszert foglal magában: logóhasználat, színvilág, tipográfia és grafikai elemek.
Természetesen. A visszajelzés és a finomítás része a folyamatnak, hogy a végeredmény megfeleljen az elvárásoknak.
Igen, az arculattervezés a márkaépítés egyik alapja. Egy jól kialakított vizuális arculat erősíti a márka üzenetét és támogatja a hosszú távú üzleti célokat.