array(25) { ["idhirek"]=> string(2) "10" ["link"]=> string(11) "Kik-vagyunk" ["cim"]=> string(12) "Kik vagyunk?" ["bevezeto"]=> string(76350) "<section class="section container vtd-about-premium"> <style><!-- .vtd-about-premium { color: #111; } .vtd-about-premium.section { padding-top: 0 !important; margin-top: 20px; } .vtd-about-premium *, .vtd-about-premium *::before, .vtd-about-premium *::after { box-sizing: border-box; } .vtd-about-premium .vtd-card { background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 46px 40px; box-shadow: 0 10px 30px rgba(0,0,0,.055); margin-bottom: 26px; overflow: hidden; } .vtd-about-premium .vtd-card-soft { background: #f7f7f7; } .vtd-about-premium .vtd-eyebrow { display: inline-block; color: #eca721; font-size: .82rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; } .vtd-about-premium .vtd-line { width: 72px; height: 6px; background: #eca721; border-radius: 99px; margin: 0 auto 28px; } .vtd-about-premium .vtd-lead { color: #111; line-height: 1.75; font-size: 1.05rem; margin-bottom: 0; } .vtd-about-premium .vtd-muted { color: #555; } /* HERO */ .vtd-about-premium .vtd-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-about-premium .vtd-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-about-premium .vtd-hero::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: vtdHeroShine 6.1s ease-in-out infinite; } @keyframes vtdHeroShine { 0% { left: -56%; opacity: 0; } 16% { opacity: 0; } 27% { opacity: .98; } 48% { left: 112%; opacity: 0; } 100% { left: 112%; opacity: 0; } } .vtd-about-premium .vtd-hero > .row { position: relative; z-index: 1; } .vtd-about-premium .vtd-hero .vtd-eyebrow { color: #111; } .vtd-about-premium .vtd-hero-title { color: #111; font-size: 3rem; line-height: 1.05; letter-spacing: -0.06em; font-weight: 950; margin-bottom: 22px; } .vtd-about-premium .vtd-hero-title span { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.12); } .vtd-about-premium .vtd-hero-text { color: rgba(17,17,17,.78); font-size: 1.08rem; line-height: 1.78; margin-bottom: 26px; max-width: 720px; } .vtd-about-premium .vtd-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; } .vtd-about-premium .vtd-hero-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-about-premium .vtd-hero-visual { position: relative; min-height: 420px; } .vtd-about-premium .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-about-premium .vtd-floating-board img { display: block; width: 100%; height: 100%; object-fit: cover; } .vtd-about-premium .vtd-board-main { width: 78%; height: 270px; right: 0; top: 32px; } .vtd-about-premium .vtd-board-small-1 { width: 44%; height: 150px; left: 0; top: 0; } .vtd-about-premium .vtd-board-small-2 { width: 52%; height: 170px; left: 10%; bottom: 28px; } .vtd-about-premium .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-about-premium .vtd-hero-mini strong { display: block; font-size: 1.6rem; line-height: 1; font-weight: 950; margin-bottom: 6px; } .vtd-about-premium .vtd-hero-mini span { display: block; color: rgba(17,17,17,.82); font-size: .92rem; line-height: 1.45; font-weight: 800; } /* CSAPATKÁRTYÁK */ .vtd-about-premium .vtd-team-grid { row-gap: 28px; } .vtd-about-premium .vtd-team-card { position: relative; overflow: hidden; border: 1px solid rgba(17,17,17,.08); border-radius: 22px; background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); box-shadow: 0 18px 48px rgba(0,0,0,.08), 0 2px 0 rgba(255,255,255,.9) inset; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-team-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 8%, rgba(236,167,33,.22), transparent 32%), radial-gradient(circle at 90% 0%, rgba(17,17,17,.08), transparent 28%); opacity: .85; pointer-events: none; } .vtd-about-premium .vtd-team-card::after { content: ""; position: absolute; top: 22px; right: 22px; width: 82px; height: 82px; border: 1px solid rgba(236,167,33,.35); border-radius: 50%; opacity: .65; pointer-events: none; } .vtd-about-premium .vtd-team-card:hover { transform: translateY(-6px); border-color: rgba(236,167,33,.42); box-shadow: 0 24px 60px rgba(0,0,0,.12), 0 2px 0 rgba(255,255,255,.9) inset; } .vtd-about-premium .vtd-team-top { position: relative; z-index: 1; height: 360px; min-height: 360px; padding: 0; overflow: hidden; background: linear-gradient(135deg, rgba(236,167,33,.20), rgba(236,167,33,.03) 52%, rgba(17,17,17,.06)), linear-gradient(180deg, #f7f7f7 0%, #ffffff 100%); display: flex; align-items: flex-end; justify-content: center; } .vtd-about-premium .vtd-team-top::before { content: ""; position: absolute; left: 50%; bottom: -96px; width: 340px; height: 340px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.28) 0%, rgba(236,167,33,.14) 42%, transparent 70%); pointer-events: none; } .vtd-about-premium .vtd-team-top::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(180deg, rgba(0,0,0,.65), transparent 78%); pointer-events: none; } .vtd-about-premium .vtd-team-top img { position: relative; z-index: 2; display: block; width: auto; max-width: none; height: 420px; margin: 0 auto; object-fit: contain; object-position: center bottom; transform: translateY(54px); filter: saturate(1.02) contrast(1.03) drop-shadow(0 18px 22px rgba(0,0,0,.16)); transition: transform .28s ease, filter .28s ease; } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(46px) scale(1.025); filter: saturate(1.05) contrast(1.04) drop-shadow(0 22px 26px rgba(0,0,0,.18)); } .vtd-about-premium .vtd-team-body { position: relative; z-index: 2; background: linear-gradient(180deg, rgba(255,255,255,.96), #ffffff); border-top: 1px solid rgba(17,17,17,.06); } .vtd-about-premium .vtd-team-body::before { content: ""; position: absolute; left: 28px; top: 0; width: 72px; height: 5px; border-radius: 99px; background: #eca721; transform: translateY(-3px); } .vtd-about-premium .vtd-team-role { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: rgba(236,167,33,.12); color: #9b650d; font-size: .78rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; } .vtd-about-premium .vtd-team-role::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #eca721; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-team-top { height: 330px; min-height: 330px; } .vtd-about-premium .vtd-team-top img { height: 390px; transform: translateY(50px); } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(44px) scale(1.02); } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-top { height: 305px; min-height: 305px; } .vtd-about-premium .vtd-team-top img { height: 355px; transform: translateY(44px); } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: translateY(40px) scale(1.015); } } .vtd-about-premium .vtd-team-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 28px rgba(0,0,0,.055); display: flex; flex-direction: column; } .vtd-about-premium .vtd-team-body { padding: 28px 24px 24px; display: flex; flex-direction: column; flex: 1 1 auto; } .vtd-about-premium .vtd-team-name { color: #111; display: block; font-size: 1.42rem; line-height: 1.15; letter-spacing: -0.035em; font-weight: 950; margin-bottom: 6px; } .vtd-about-premium .vtd-team-role { color: #eca721; display: block; font-size: .98rem; line-height: 1.35; font-weight: 900; margin-bottom: 16px; } .vtd-about-premium .vtd-team-body p { color: #555; line-height: 1.65; font-size: .96rem; margin-bottom: 16px; } .vtd-about-premium .vtd-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 4px; } .vtd-about-premium .vtd-badge { display: inline-flex; align-items: center; border-radius: 999px; background: rgba(236,167,33,.1); border: 1px solid rgba(236,167,33,.2); color: #111; font-size: .8rem; line-height: 1; font-weight: 800; padding: 9px 11px; } /* TARTALMI BLOKKOK */ .vtd-about-premium .vtd-value-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 24px; box-shadow: 0 8px 22px rgba(0,0,0,.04); display: flex; flex-direction: column; } .vtd-about-premium .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: 16px; } .vtd-about-premium .vtd-value-card h3 { color: #111; font-size: 1.12rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-value-card p { color: #555; line-height: 1.65; margin-bottom: 0; font-size: .96rem; } .vtd-about-premium .vtd-onehand-redesign { position: relative; background: radial-gradient(circle at top right, rgba(236,167,33,.15), transparent 32%), linear-gradient(180deg, #fff 0%, #f8f8f8 100%); } .vtd-about-premium .vtd-system-map { position: relative; margin-top: 34px; } .vtd-about-premium .vtd-system-map::before { content: ""; position: absolute; left: 8%; right: 8%; top: 66px; height: 2px; background: linear-gradient(90deg, rgba(236,167,33,0), rgba(236,167,33,.65), rgba(236,167,33,0)); } .vtd-about-premium .vtd-system-step { position: relative; height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 20px 22px; box-shadow: 0 10px 24px rgba(0,0,0,.045); text-align: center; display: flex; flex-direction: column; z-index: 1; } .vtd-about-premium .vtd-system-icon { width: 58px; height: 58px; border-radius: 50%; background: #eca721; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 950; margin: 0 auto 18px; box-shadow: 0 10px 22px rgba(236,167,33,.24); } .vtd-about-premium .vtd-system-step h3 { color: #111; font-size: 1.08rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-system-step p { color: #555; line-height: 1.6; font-size: .94rem; margin-bottom: 0; } .vtd-about-premium .vtd-system-note { margin-top: 28px; background: rgba(236,167,33,.09); border: 1px solid rgba(236,167,33,.2); border-radius: 14px; padding: 22px 24px; text-align: center; color: #111; line-height: 1.7; font-size: 1rem; } .vtd-about-premium .vtd-ref-card { height: 100%; background: #fff; border: 1px solid #eeeeee; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.04); } .vtd-about-premium .vtd-ref-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .vtd-about-premium .vtd-ref-body { padding: 18px 18px 20px; } .vtd-about-premium .vtd-ref-body strong { display: block; color: #111; font-weight: 900; margin-bottom: 4px; } .vtd-about-premium .vtd-ref-body span { color: #555; font-size: .9rem; line-height: 1.5; } .vtd-about-premium .vtd-process-card { height: 100%; background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 14px; padding: 26px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.035); display: flex; flex-direction: column; } .vtd-about-premium .vtd-process-number { width: 44px; height: 44px; border-radius: 50%; background: #eca721; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 18px; } .vtd-about-premium .vtd-process-card h3 { color: #111; font-size: 1.08rem; line-height: 1.3; font-weight: 900; margin-bottom: 10px; } .vtd-about-premium .vtd-process-card p { color: #555; line-height: 1.6; margin-bottom: 0; font-size: .94rem; } /* MÉRFÖLDKÖVEK */ .vtd-about-premium .vtd-timeline { position: relative; margin-top: 8px; } .vtd-about-premium .vtd-timeline::before { content: ""; position: absolute; left: 24px; top: 0; bottom: 0; width: 2px; background: #eeeeee; } .vtd-about-premium .vtd-timeline-item { position: relative; padding-left: 72px; margin-bottom: 24px; } .vtd-about-premium .vtd-timeline-item:last-child { margin-bottom: 0; } .vtd-about-premium .vtd-timeline-year { position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 50%; background: #eca721; color: #111; display: flex; align-items: center; justify-content: center; font-weight: 950; font-size: .86rem; box-shadow: 0 8px 18px rgba(236,167,33,.22); } .vtd-about-premium .vtd-timeline-content { background: #fff; border: 1px solid #eeeeee; border-radius: 14px; padding: 22px 24px; box-shadow: 0 8px 22px rgba(0,0,0,.035); } .vtd-about-premium .vtd-timeline-content h3 { color: #111; font-size: 1.1rem; line-height: 1.3; font-weight: 900; margin-bottom: 8px; } .vtd-about-premium .vtd-timeline-content p { color: #555; line-height: 1.65; margin-bottom: 0; font-size: .96rem; } /* EREDETI AJÁNLATKÉRŐ BLOKK */ .vtd-about-premium .vtd-dark-cta { background: radial-gradient(circle at bottom right, rgba(255,255,255,.34), transparent 34%), radial-gradient(circle at top left, rgba(255,255,255,.2), transparent 32%), linear-gradient(135deg, #eca721, #f3b638 48%, #c98512); border-radius: 16px; padding: 46px 36px; margin: 28px 0 0; overflow: hidden; text-align: center; box-shadow: 0 16px 44px rgba(236,167,33,.22); } .vtd-about-premium .vtd-dark-cta h2 { color: #111; font-size: 2rem; line-height: 1.18; font-weight: 950; letter-spacing: -0.045em; margin-bottom: 16px; } .vtd-about-premium .vtd-dark-cta p { color: rgba(17,17,17,.78); max-width: 900px; margin: 0 auto 24px; line-height: 1.7; font-size: 1.04rem; } .vtd-about-premium .vtd-white-action-btn { background: transparent !important; border: 2px solid #fff !important; color: #fff !important; font-weight: 900; box-shadow: none; } .vtd-about-premium .vtd-white-action-btn:hover { background: #fff !important; border-color: #fff !important; color: #eca721 !important; } .vtd-about-premium .vtd-hero-accent-btn { background: #9a6209 !important; border: 2px solid #9a6209 !important; color: #fff !important; font-weight: 900; box-shadow: 0 10px 22px rgba(154,98,9,.22); } .vtd-about-premium .vtd-hero-accent-btn:hover { background: #7d4f06 !important; border-color: #7d4f06 !important; color: #fff !important; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-hero { padding: 44px 28px; } .vtd-about-premium .vtd-hero-visual { min-height: 360px; margin-top: 24px; } .vtd-about-premium .vtd-flow { grid-template-columns: 1fr; } .vtd-about-premium .vtd-flow-item:not(:last-child)::after { content: "↓"; right: auto; left: 50%; top: auto; bottom: -22px; transform: translateX(-50%); } } @media (max-width: 767.98px) { .vtd-about-premium.section { margin-top: -35px; } .vtd-about-premium .vtd-card { padding: 28px 20px; } .vtd-about-premium .vtd-hero { padding: 34px 22px; } .vtd-about-premium .vtd-hero-title { font-size: 2.05rem; } .vtd-about-premium .vtd-hero-visual { min-height: 300px; } .vtd-about-premium .vtd-board-main { width: 84%; height: 190px; top: 48px; } .vtd-about-premium .vtd-board-small-1 { width: 48%; height: 115px; } .vtd-about-premium .vtd-board-small-2 { width: 56%; height: 125px; bottom: 30px; } .vtd-about-premium .vtd-hero-mini { right: 0; bottom: 0; max-width: 210px; } .vtd-about-premium .vtd-team-body { padding: 24px 20px 22px; } .vtd-about-premium .vtd-timeline::before { left: 18px; } .vtd-about-premium .vtd-timeline-item { padding-left: 58px; } .vtd-about-premium .vtd-timeline-year { width: 40px; height: 40px; font-size: .78rem; } .vtd-about-premium .vtd-dark-cta { padding: 34px 22px; } .vtd-about-premium .vtd-dark-cta h2 { font-size: 1.55rem; } } /* CSAPATKÉPEK MÉRETEZÉSE */ .vtd-about-premium .vtd-team-top { height: 385px; min-height: 385px; padding: 0; overflow: hidden; background: radial-gradient(circle at 50% 30%, rgba(236,167,33,.20), transparent 34%), linear-gradient(135deg, rgba(236,167,33,.16), rgba(255,255,255,.65) 52%, rgba(17,17,17,.06)); } .vtd-about-premium .vtd-team-top img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; transform: none; filter: saturate(1.03) contrast(1.04) drop-shadow(0 18px 22px rgba(0,0,0,.16)); transition: transform .35s ease, filter .35s ease; } .vtd-about-premium .vtd-team-card:hover .vtd-team-top img { transform: scale(1.045); filter: saturate(1.07) contrast(1.05) drop-shadow(0 22px 26px rgba(0,0,0,.18)); } .vtd-about-premium .vtd-team-top::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.26) 42%, transparent 58%); transform: translateX(-120%); animation: vtdPhotoShine 5.8s ease-in-out infinite; pointer-events: none; z-index: 3; } @keyframes vtdPhotoShine { 0%, 62% { transform: translateX(-125%); opacity: 0; } 72% { opacity: .75; } 100% { transform: translateX(125%); opacity: 0; } } .vtd-about-premium .vtd-stats, .vtd-about-premium .vtd-year-grid, .vtd-about-premium .vtd-timeline-grid { position: relative; } .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(17,17,17,.08); background: radial-gradient(circle at top right, rgba(236,167,33,.18), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); box-shadow: 0 14px 34px rgba(0,0,0,.06); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-stat-card::before, .vtd-about-premium .vtd-year-card::before, .vtd-about-premium .vtd-timeline-card::before { content: ""; position: absolute; inset: -2px; background: conic-gradient(from 180deg, transparent 0deg, rgba(236,167,33,.55) 80deg, transparent 145deg, transparent 360deg); opacity: .0; animation: vtdBorderOrbit 7s linear infinite; pointer-events: none; } .vtd-about-premium .vtd-stat-card::after, .vtd-about-premium .vtd-year-card::after, .vtd-about-premium .vtd-timeline-card::after { content: ""; position: absolute; inset: 1px; border-radius: 17px; background: inherit; pointer-events: none; } .vtd-about-premium .vtd-stat-card > *, .vtd-about-premium .vtd-year-card > *, .vtd-about-premium .vtd-timeline-card > * { position: relative; z-index: 2; } .vtd-about-premium .vtd-stat-card:hover, .vtd-about-premium .vtd-year-card:hover, .vtd-about-premium .vtd-timeline-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.35); box-shadow: 0 20px 46px rgba(0,0,0,.10); } .vtd-about-premium .vtd-stat-card:hover::before, .vtd-about-premium .vtd-year-card:hover::before, .vtd-about-premium .vtd-timeline-card:hover::before { opacity: .75; } @keyframes vtdBorderOrbit { to { transform: rotate(360deg); } } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 6px 14px; border-radius: 999px; background: #111; color: #eca721; font-weight: 950; letter-spacing: -.04em; box-shadow: 0 10px 24px rgba(0,0,0,.14); animation: vtdNumberPulse 3.8s ease-in-out infinite; } @keyframes vtdNumberPulse { 0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(0,0,0,.14); } 50% { transform: scale(1.035); box-shadow: 0 14px 30px rgba(236,167,33,.22); } } @media (max-width: 991.98px) { .vtd-about-premium .vtd-team-top { height: 345px; min-height: 345px; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-top { height: 320px; min-height: 320px; } .vtd-about-premium .vtd-team-top img { object-position: center top; } } .vtd-about-premium .vtd-card:not(.vtd-team-card), .vtd-about-premium .vtd-content-box, .vtd-about-premium .vtd-feature-card, .vtd-about-premium .vtd-service-card, .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-process-card, .vtd-about-premium .vtd-highlight-card { position: relative; overflow: hidden; border-radius: 20px; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, background-position .6s ease; } .vtd-about-premium .vtd-card:not(.vtd-team-card)::before, .vtd-about-premium .vtd-content-box::before, .vtd-about-premium .vtd-feature-card::before, .vtd-about-premium .vtd-service-card::before, .vtd-about-premium .vtd-value-card::before, .vtd-about-premium .vtd-process-card::before, .vtd-about-premium .vtd-highlight-card::before { content: ""; position: absolute; right: -90px; top: -90px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.20) 0%, rgba(236,167,33,.08) 44%, transparent 70%); opacity: .75; transform: scale(.92); transition: transform .38s ease, opacity .38s ease; pointer-events: none; } .vtd-about-premium .vtd-card:not(.vtd-team-card)::after, .vtd-about-premium .vtd-content-box::after, .vtd-about-premium .vtd-feature-card::after, .vtd-about-premium .vtd-service-card::after, .vtd-about-premium .vtd-value-card::after, .vtd-about-premium .vtd-process-card::after, .vtd-about-premium .vtd-highlight-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.34) 45%, transparent 58%); transform: translateX(-130%); opacity: 0; pointer-events: none; } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover, .vtd-about-premium .vtd-content-box:hover, .vtd-about-premium .vtd-feature-card:hover, .vtd-about-premium .vtd-service-card:hover, .vtd-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-process-card:hover, .vtd-about-premium .vtd-highlight-card:hover { transform: translateY(-5px); border-color: rgba(236,167,33,.36); box-shadow: 0 22px 54px rgba(0,0,0,.10); } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover::before, .vtd-about-premium .vtd-content-box:hover::before, .vtd-about-premium .vtd-feature-card:hover::before, .vtd-about-premium .vtd-service-card:hover::before, .vtd-about-premium .vtd-value-card:hover::before, .vtd-about-premium .vtd-process-card:hover::before, .vtd-about-premium .vtd-highlight-card:hover::before { transform: scale(1.12); opacity: 1; } .vtd-about-premium .vtd-card:not(.vtd-team-card):hover::after, .vtd-about-premium .vtd-content-box:hover::after, .vtd-about-premium .vtd-feature-card:hover::after, .vtd-about-premium .vtd-service-card:hover::after, .vtd-about-premium .vtd-value-card:hover::after, .vtd-about-premium .vtd-process-card:hover::after, .vtd-about-premium .vtd-highlight-card:hover::after { animation: vtdElegantSweep 1.25s ease forwards; opacity: 1; } @keyframes vtdElegantSweep { from { transform: translateX(-130%); } to { transform: translateX(130%); } } .vtd-about-premium .vtd-stats, .vtd-about-premium .vtd-year-grid, .vtd-about-premium .vtd-timeline-grid, .vtd-about-premium .vtd-counter-grid { position: relative; isolation: isolate; } .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card, .vtd-about-premium .vtd-counter-card { position: relative; overflow: hidden; border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,1), rgba(248,248,248,1)), radial-gradient(circle at 20% 0%, rgba(236,167,33,.18), transparent 40%); border: 1px solid rgba(17,17,17,.08); box-shadow: 0 16px 42px rgba(0,0,0,.07); transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease; } .vtd-about-premium .vtd-stat-card .vtd-animated-border, .vtd-about-premium .vtd-year-card .vtd-animated-border, .vtd-about-premium .vtd-timeline-card .vtd-animated-border, .vtd-about-premium .vtd-counter-card .vtd-animated-border { display: none; } .vtd-about-premium .vtd-stat-card::before, .vtd-about-premium .vtd-year-card::before, .vtd-about-premium .vtd-timeline-card::before, .vtd-about-premium .vtd-counter-card::before { content: ""; position: absolute; inset: -70%; background: conic-gradient(from 0deg, transparent 0deg, transparent 260deg, rgba(236,167,33,.70) 305deg, transparent 360deg); animation: vtdSoftOrbit 7.5s linear infinite; opacity: .55; pointer-events: none; } .vtd-about-premium .vtd-stat-card::after, .vtd-about-premium .vtd-year-card::after, .vtd-about-premium .vtd-timeline-card::after, .vtd-about-premium .vtd-counter-card::after { content: ""; position: absolute; inset: 1px; border-radius: 21px; background: radial-gradient(circle at 88% 12%, rgba(236,167,33,.14), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%); pointer-events: none; } .vtd-about-premium .vtd-stat-card > *, .vtd-about-premium .vtd-year-card > *, .vtd-about-premium .vtd-timeline-card > *, .vtd-about-premium .vtd-counter-card > * { position: relative; z-index: 2; } @keyframes vtdSoftOrbit { to { transform: rotate(360deg); } } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number, .vtd-about-premium [class*="year"], .vtd-about-premium [class*="number"] { text-shadow: 0 1px 0 rgba(255,255,255,.35); } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 7px 16px; border-radius: 999px; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 42%), linear-gradient(135deg, #111111, #2a2a2a); color: #eca721; font-weight: 950; letter-spacing: -.04em; box-shadow: 0 12px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(236,167,33,.20) inset; animation: vtdElegantPulse 4.2s ease-in-out infinite; } @keyframes vtdElegantPulse { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 12px 28px rgba(0,0,0,.16), 0 0 0 1px rgba(236,167,33,.20) inset; } 50% { transform: translateY(-2px) scale(1.035); box-shadow: 0 18px 36px rgba(236,167,33,.24), 0 0 0 1px rgba(236,167,33,.34) inset; } } @supports (animation-timeline: view()) { .vtd-about-premium .vtd-card:not(.vtd-team-card), .vtd-about-premium .vtd-content-box, .vtd-about-premium .vtd-stat-card, .vtd-about-premium .vtd-year-card, .vtd-about-premium .vtd-timeline-card { animation: vtdRevealUp both ease-out; animation-timeline: view(); animation-range: entry 8% cover 28%; } @keyframes vtdRevealUp { from { opacity: .35; transform: translateY(26px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-card:not(.vtd-team-card):hover, .vtd-about-premium .vtd-content-box:hover, .vtd-about-premium .vtd-feature-card:hover, .vtd-about-premium .vtd-service-card:hover, .vtd-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-process-card:hover, .vtd-about-premium .vtd-highlight-card:hover { transform: none; } .vtd-about-premium .vtd-stat-number, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-counter-number { min-height: 46px; } } @media (prefers-reduced-motion: reduce) { .vtd-about-premium *, .vtd-about-premium *::before, .vtd-about-premium *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } } .vtd-about-premium .vtd-timeline { position: relative; } .vtd-about-premium .vtd-timeline::before { background: linear-gradient(180deg, rgba(236,167,33,.12), rgba(236,167,33,.55), rgba(236,167,33,.12)) !important; box-shadow: 0 0 22px rgba(236,167,33,.20); } .vtd-about-premium .vtd-timeline-year, .vtd-about-premium .vtd-year, .vtd-about-premium .vtd-timeline-dot, .vtd-about-premium .vtd-milestone-year { background: radial-gradient(circle at 30% 22%, rgba(255,255,255,.36), transparent 34%), linear-gradient(135deg, #f2b33b 0%, #eca721 45%, #cf8212 100%) !important; color: #ffffff !important; border: 2px solid rgba(255,255,255,.72) !important; box-shadow: 0 10px 24px rgba(236,167,33,.34), 0 0 0 6px rgba(236,167,33,.10), inset 0 1px 0 rgba(255,255,255,.35) !important; text-shadow: 0 1px 2px rgba(0,0,0,.22); animation: vtdMilestonePulse 3.8s ease-in-out infinite; } .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-timeline-year, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-year, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-timeline-dot, .vtd-about-premium .vtd-timeline-item:nth-child(2n) .vtd-milestone-year { animation-delay: .55s; } .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-timeline-year, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-year, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-timeline-dot, .vtd-about-premium .vtd-timeline-item:nth-child(3n) .vtd-milestone-year { animation-delay: 1.1s; } @keyframes vtdMilestonePulse { 0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(236,167,33,.34), 0 0 0 6px rgba(236,167,33,.10), inset 0 1px 0 rgba(255,255,255,.35); } 50% { transform: scale(1.07); box-shadow: 0 14px 30px rgba(236,167,33,.46), 0 0 0 10px rgba(236,167,33,.13), inset 0 1px 0 rgba(255,255,255,.42); } } .vtd-about-premium .vtd-timeline-card, .vtd-about-premium .vtd-milestone-card { position: relative; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .vtd-about-premium .vtd-timeline-card::before, .vtd-about-premium .vtd-milestone-card::before { content: ""; position: absolute; right: -90px; top: -90px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(236,167,33,.18), transparent 68%); opacity: .75; pointer-events: none; transition: transform .3s ease, opacity .3s ease; } .vtd-about-premium .vtd-timeline-card::after, .vtd-about-premium .vtd-milestone-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(236,167,33,.10) 46%, transparent 60%); transform: translateX(-130%); pointer-events: none; } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card, .vtd-about-premium .vtd-timeline-card:hover, .vtd-about-premium .vtd-milestone-card:hover { transform: translateX(6px); border-color: rgba(236,167,33,.35) !important; box-shadow: 0 18px 42px rgba(0,0,0,.09); } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card::before, .vtd-about-premium .vtd-timeline-card:hover::before, .vtd-about-premium .vtd-milestone-card:hover::before { transform: scale(1.15); opacity: 1; } .vtd-about-premium .vtd-timeline-item:hover .vtd-timeline-card::after, .vtd-about-premium .vtd-timeline-card:hover::after, .vtd-about-premium .vtd-milestone-card:hover::after { animation: vtdMilestoneSweep 1.15s ease forwards; } @keyframes vtdMilestoneSweep { from { transform: translateX(-130%); } to { transform: translateX(130%); } } /* MOBIL IGAZÍTÁSOK */ @media (max-width: 767.98px) { .vtd-about-premium .vtd-team-body { text-align: center !important; align-items: center !important; } .vtd-about-premium .vtd-team-name, .vtd-about-premium .vtd-team-role, .vtd-about-premium .vtd-team-body p { text-align: center !important; } .vtd-about-premium .vtd-team-body::before { left: 50% !important; transform: translate(-50%, -3px) !important; } .vtd-about-premium .vtd-badges { justify-content: center !important; } .vtd-about-premium .vtd-team-role { justify-content: center !important; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero { text-align: center !important; } .vtd-about-premium .vtd-hero .row, .vtd-about-premium .vtd-hero [class*="col-"] { text-align: center !important; } .vtd-about-premium .vtd-hero-title, .vtd-about-premium .vtd-hero-text, .vtd-about-premium .vtd-hero .vtd-eyebrow { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .vtd-about-premium .vtd-hero-tags { justify-content: center !important; } .vtd-about-premium .vtd-hero .btn, .vtd-about-premium .vtd-hero .vtd-white-action-btn { margin-left: auto !important; margin-right: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .vtd-about-premium .vtd-hero-visual { margin-left: auto !important; margin-right: auto !important; } } .vtd-about-premium .vtd-inline-link { color: #eca721; font-weight: 900; text-decoration: none; border-bottom: 1px solid rgba(236,167,33,.35); transition: color .22s ease, border-color .22s ease; } .vtd-about-premium .vtd-inline-link:hover { color: #111; border-color: #111; } .vtd-about-premium a.vtd-hero-tag { text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } .vtd-about-premium a.vtd-hero-tag:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.10); background: #111; color: #fff; } .vtd-about-premium .vtd-hero-mobile-action { display: none; } @media (max-width: 991.98px) { .vtd-about-premium .vtd-hero .col-lg-7 { text-align: center; } .vtd-about-premium .vtd-hero-text { margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-tags { justify-content: center; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero .row { text-align: center; } .vtd-about-premium .vtd-hero-title, .vtd-about-premium .vtd-hero-text { text-align: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-tags { justify-content: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-hero-btn-desktop { display: none !important; } .vtd-about-premium .vtd-hero-mobile-action { display: block; text-align: center; margin-top: 22px; position: relative; z-index: 2; } .vtd-about-premium .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-about-premium .vtd-hero-btn-desktop { display: none !important; } .vtd-about-premium .vtd-hero-mobile-action { display: block !important; text-align: center; margin-top: 24px; position: relative; z-index: 2; } .vtd-about-premium .vtd-hero-mobile-action .btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; white-space: normal; line-height: 1.25; } @media (min-width: 768px) { .vtd-about-premium .vtd-hero-mobile-action { margin-top: 28px; } } @media (max-width: 767.98px) { .vtd-about-premium .vtd-hero-mini { width: auto !important; max-width: 150px !important; right: 10px !important; bottom: 8px !important; padding: 12px 14px !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(0,0,0,.14) !important; } .vtd-about-premium .vtd-hero-mini strong { font-size: 1.28rem !important; line-height: 1 !important; margin-bottom: 4px !important; } .vtd-about-premium .vtd-hero-mini span { font-size: .76rem !important; line-height: 1.32 !important; font-weight: 800 !important; } .vtd-about-premium .vtd-hero-mini .btn { display: none !important; } } /* EREDETI IKONOK ÉS HOVER-EFFEKTEK */ .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-system-step, .vtd-about-premium .vtd-process-card { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .vtd-about-premium .vtd-value-card::before, .vtd-about-premium .vtd-system-step::before, .vtd-about-premium .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-about-premium .vtd-value-card:hover, .vtd-about-premium .vtd-system-step:hover, .vtd-about-premium .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-about-premium .vtd-value-card:hover::before, .vtd-about-premium .vtd-system-step:hover::before, .vtd-about-premium .vtd-process-card:hover::before { opacity: 1; transform: scale(1.08); } .vtd-about-premium .vtd-value-icon, .vtd-about-premium .vtd-system-icon, .vtd-about-premium .vtd-process-number { width: 64px; height: 64px; border-radius: 50%; margin: 0 0 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-about-premium .vtd-system-icon { margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-value-card:hover .vtd-value-icon, .vtd-about-premium .vtd-system-step:hover .vtd-system-icon, .vtd-about-premium .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); } .vtd-about-premium .vtd-value-icon img, .vtd-about-premium .vtd-system-icon img, .vtd-about-premium .vtd-process-number 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-about-premium .vtd-value-card:hover .vtd-value-icon img, .vtd-about-premium .vtd-system-step:hover .vtd-system-icon img, .vtd-about-premium .vtd-process-card:hover .vtd-process-number img { filter: brightness(0) invert(1); transform: scale(1.04); } .vtd-about-premium .vtd-value-card > *, .vtd-about-premium .vtd-system-step > *, .vtd-about-premium .vtd-process-card > * { position: relative; z-index: 2; } @media (max-width: 767.98px) { .vtd-about-premium .vtd-value-card, .vtd-about-premium .vtd-system-step, .vtd-about-premium .vtd-process-card { text-align: center; align-items: center; justify-content: center; } .vtd-about-premium .vtd-value-card h3, .vtd-about-premium .vtd-value-card p, .vtd-about-premium .vtd-system-step h3, .vtd-about-premium .vtd-system-step p, .vtd-about-premium .vtd-process-card h3, .vtd-about-premium .vtd-process-card p { text-align: center; margin-left: auto; margin-right: auto; } .vtd-about-premium .vtd-value-icon, .vtd-about-premium .vtd-system-icon, .vtd-about-premium .vtd-process-number { margin-left: auto; margin-right: auto; } } /* LETISZTULTABB BLOKKOK A CSAPAT ALATT */ .vtd-about-premium .vtd-card.vtd-calm-section { background: #fff; border: 1px solid #e9e9e9; border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,.035); animation: none; opacity: 1; transform: none; transition: none; } .vtd-about-premium .vtd-card.vtd-calm-section.vtd-card-soft { background: #f7f7f7; } .vtd-about-premium .vtd-card.vtd-calm-section:hover { transform: none; border-color: #e9e9e9; box-shadow: 0 6px 20px rgba(0,0,0,.035); } .vtd-about-premium .vtd-card.vtd-calm-section::before, .vtd-about-premium .vtd-card.vtd-calm-section::after, .vtd-about-premium .vtd-calm-section .vtd-value-card::before, .vtd-about-premium .vtd-calm-section .vtd-value-card::after, .vtd-about-premium .vtd-calm-section .vtd-system-step::before, .vtd-about-premium .vtd-calm-section .vtd-system-step::after, .vtd-about-premium .vtd-calm-section .vtd-process-card::before, .vtd-about-premium .vtd-calm-section .vtd-process-card::after { content: none; display: none; animation: none; } .vtd-about-premium .vtd-calm-section .vtd-value-card, .vtd-about-premium .vtd-calm-section .vtd-system-step, .vtd-about-premium .vtd-calm-section .vtd-process-card, .vtd-about-premium .vtd-calm-section .vtd-ref-card, .vtd-about-premium .vtd-calm-section .vtd-timeline-content { border-radius: 14px; box-shadow: 0 3px 12px rgba(0,0,0,.025); } /* SZABÁLYOS SÁRGA KÖRÖK, FEHÉR ÉVSZÁMOK */ .vtd-about-premium .vtd-calm-section .vtd-timeline::before { left: 27px; top: 28px; bottom: 28px; background: #e6e6e6 !important; box-shadow: none; } .vtd-about-premium .vtd-calm-section .vtd-timeline-item { padding-left: 78px; min-height: 56px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-year { position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 56px; min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; max-height: 56px; aspect-ratio: 1 / 1; padding: 0; margin: 0; border: 0 !important; border-radius: 50%; background: #eca721 !important; color: #fff !important; box-shadow: none !important; text-shadow: none; font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: 0; white-space: nowrap; animation: none; transform: none; transition: none; } @media (max-width: 767.98px) { .vtd-about-premium .vtd-calm-section .vtd-timeline::before { left: 23px; top: 24px; bottom: 24px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-item { padding-left: 62px; min-height: 48px; } .vtd-about-premium .vtd-calm-section .vtd-timeline-year { width: 48px; min-width: 48px; max-width: 48px; height: 48px; min-height: 48px; max-height: 48px; font-size: 13px; } } /* A CSAPATKÉPEKRŐL A CSILLOGÁS KIKAPCSOLVA */ .vtd-about-premium .vtd-team-top::after { content: none; display: none; animation: none; } --></style> <div class="vtd-hero"> <div class="row align-items-center"> <div class="col-lg-7"><span class="vtd-eyebrow" style="color: #ffffff;">Vteamdesign / m&aacute;rka, design, web</span> <h1 class="vtd-hero-title"><span style="color: #ffffff;">Mi nem sablonokban gondolkodunk.</span> <span>Hanem m&aacute;rk&aacute;kban.</span></h1> <p class="vtd-hero-text"><span style="color: #ffffff;">A Vteamdesignn&aacute;l a design nem dekor&aacute;ci&oacute;, a weboldal nem csak egy online n&eacute;vjegy, az arculat pedig nem csak egy</span> <span style="color: #ffffff;"><a class="vtd-inline-link" href="/Szolgaltatasaink/Logo-tervezes" title="Log&oacute;tervez&eacute;s"><span style="color: #ffffff;">log&oacute;</span></a>.</span><span style="color: #ffffff;"> Olyan vizu&aacute;lis &eacute;s digit&aacute;lis rendszereket tervez&uuml;nk, amelyek seg&iacute;tik a v&aacute;llalkoz&aacute;sokat felismerhetőbb&eacute;, hitelesebb&eacute; &eacute;s eml&eacute;kezetesebb&eacute; v&aacute;lni.</span></p> <div class="vtd-hero-tags"><span class="vtd-hero-tag">Arculattervez&eacute;s</span> <span class="vtd-hero-tag">Grafikai tervez&eacute;s</span> <span class="vtd-hero-tag">Weboldal k&eacute;sz&iacute;t&eacute;s</span> <span class="vtd-hero-tag">Digit&aacute;lis m&aacute;rka&eacute;p&iacute;t&eacute;s</span> <span class="vtd-hero-tag">Fejleszt&eacute;s</span></div> </div> <div class="col-lg-5"> <div class="vtd-hero-visual"> <div class="vtd-floating-board vtd-board-small-1"><img title="Social media grafikai referencia" src="https://vteamdesign.hu/images/referencia/33/kt/hoppla-social-media-kreativok.jpg" alt="Vteamdesign social media grafikai referencia" /></div> <div class="vtd-floating-board vtd-board-main"><img title="Webdesign &eacute;s arculati referencia" src="https://vteamdesign.hu/images/referencia/41/kt/rekord-uzlethaz-webaruhaz-ui-design-arculat.png" alt="Vteamdesign webdesign &eacute;s arculati referencia" /></div> <div class="vtd-floating-board vtd-board-small-2"><img title="Csomagol&aacute;s &eacute;s branding referencia" src="https://vteamdesign.hu/images/referencia/43/kt/napivacsi-termekcsomag-arculattervezes-branding.jpg" alt="Vteamdesign csomagol&aacute;s &eacute;s branding referencia" /></div> <div class="vtd-hero-mini"><strong>15+ &eacute;v</strong> <span>vizu&aacute;lis &eacute;s digit&aacute;lis projektekben, k&oacute;dol&aacute;sban</span></div> </div> </div> </div> </div> <div class="vtd-card"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">A csapat</span> <h2 class="h3 mb-2">Kik dolgoznak a Vteamdesign m&ouml;g&ouml;tt?</h2> <div class="vtd-line"></div> <p class="vtd-lead">Egy kis csapat vagyunk, nagy vizu&aacute;lis &eacute;s digit&aacute;lis gondolkod&aacute;ssal. A kreat&iacute;v ir&aacute;ny, a m&aacute;rka&eacute;p&iacute;t&eacute;si szeml&eacute;let &eacute;s a fejlesztői h&aacute;tt&eacute;r egy helyen tal&aacute;lkozik.</p> </div> <div class="row"> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner R&oacute;bert - vizu&aacute;lis brand designer" src="https://vteamdesign.hu/images/kepek/1781005732Fh1N7.jpg" alt="Vagner R&oacute;bert vizu&aacute;lis brand designer" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Vagner R&oacute;bert</span> <span class="vtd-team-role">vizu&aacute;lis brand designer</span> <p>Arculati, grafikai &eacute;s online megjelen&eacute;seket tervezek &uuml;zleti szeml&eacute;lettel. A c&eacute;lom, hogy a l&aacute;tv&aacute;ny ne csak sz&eacute;p legyen, hanem felismerhető m&aacute;rk&aacute;t &eacute;s műk&ouml;dő vizu&aacute;lis ir&aacute;nyt &eacute;p&iacute;tsen.</p> <div class="vtd-badges"><span class="vtd-badge">arculat</span> <span class="vtd-badge">grafika</span> <span class="vtd-badge">vizu&aacute;lis strat&eacute;gia</span></div> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner M. Anna - digit&aacute;lis m&aacute;rka&eacute;p&iacute;t&eacute;si szak&eacute;rtő" src="https://vteamdesign.hu/images/kepek/1781010119yrWjJ.jpg" alt="Vagner M. Anna digit&aacute;lis m&aacute;rka&eacute;p&iacute;t&eacute;si szak&eacute;rtő" width="1122" height="1402" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Medvedovszky Anna</span> <span class="vtd-team-role">m&aacute;rka&eacute;p&iacute;t&eacute;s</span> <p>Rendszerszintű szeml&eacute;lettel seg&iacute;tem a vizu&aacute;lis &eacute;s online megold&aacute;sok &ouml;sszehangol&aacute;s&aacute;t. A c&eacute;l, hogy a lehetős&eacute;gekből val&oacute;di, m&eacute;rhető &uuml;zleti eredm&eacute;ny sz&uuml;lessen.</p> <div class="vtd-badges"><span class="vtd-badge">m&aacute;rka&eacute;p&iacute;t&eacute;s</span> <span class="vtd-badge">marketing</span> <span class="vtd-badge">rendszer</span></div> </div> </div> </div> <div class="col-lg-4 mb-4" style="display: flex;"> <div class="vtd-team-card"> <div class="vtd-team-top"><img title="Vagner Richard - senior full-stack fejlesztő" src="https://vteamdesign.hu/images/kepek/1781979692mXDvT.jpg" alt="Vagner Richard senior full-stack fejlesztő" width="1122" height="1402" /></div> <div class="vtd-team-body"><span class="vtd-team-name">Vagner Richard</span> <span class="vtd-team-role">senior full-stack fejlesztő</span> <p>Stabil, sk&aacute;l&aacute;zhat&oacute; &eacute;s hossz&uacute; t&aacute;von műk&ouml;dő digit&aacute;lis megold&aacute;sokon dolgozom. A fejlesztői h&aacute;tt&eacute;r biztos&iacute;tja, hogy a design m&ouml;g&ouml;tt megb&iacute;zhat&oacute; rendszer &aacute;lljon.</p> <div class="vtd-badges"><span class="vtd-badge">fejleszt&eacute;s</span> <span class="vtd-badge">rendszerek</span> <span class="vtd-badge">automatiz&aacute;ci&oacute;</span></div> </div> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section vtd-onehand-redesign"> <div class="text-center" style="max-width: 920px; margin: 0 auto;"><span class="vtd-eyebrow">Egy k&eacute;zben a teljes vizu&aacute;lis &eacute;s digit&aacute;lis &uacute;t</span> <h2 class="h3 mb-2">A m&aacute;rka&eacute;p&iacute;t&eacute;s n&aacute;lunk nem k&uuml;l&ouml;n&aacute;ll&oacute; feladatokb&oacute;l &aacute;ll</h2> <div class="vtd-line"></div> <p class="vtd-lead">A strat&eacute;gia, az <a class="vtd-inline-link" href="/Szolgaltatasaink/Arculattervezes" title="Arculattervez&eacute;s">arculat</a>, a <a class="vtd-inline-link" href="/Szolgaltatasaink/Grafika-tervezes" title="Grafikai tervez&eacute;s">grafikai anyagok</a>, a <a class="vtd-inline-link" href="/Szolgaltatasaink/Weboldal-keszites" title="Weboldal k&eacute;sz&iacute;t&eacute;s">webes megjelen&eacute;s</a> &eacute;s a fejleszt&eacute;s akkor műk&ouml;dik igaz&aacute;n j&oacute;l, ha egym&aacute;sra &eacute;p&uuml;lnek. Ez&eacute;rt a Vteamdesignn&aacute;l nem csak egy-egy r&eacute;szfeladatban gondolkodunk, hanem abban, hogyan &aacute;ll &ouml;ssze a teljes vizu&aacute;lis &eacute;s digit&aacute;lis rendszer.</p> </div> <div class="vtd-system-map"> <div class="row"> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/target.svg" alt="" /></div> <h3>Strat&eacute;gia</h3> <p>Meg&eacute;rtj&uuml;k a c&eacute;lokat, a c&eacute;lk&ouml;z&ouml;ns&eacute;get &eacute;s azt, milyen ir&aacute;nyba kell vinni a m&aacute;rk&aacute;t.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/swatches.svg" alt="" /></div> <h3>Arculat</h3> <p>Fel&eacute;p&iacute;tj&uuml;k a vizu&aacute;lis alapokat: log&oacute;, sz&iacute;nek, tipogr&aacute;fia &eacute;s m&aacute;rkakarakter.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/palette.svg" alt="" /></div> <h3>Grafika</h3> <p>Az arculatb&oacute;l műk&ouml;dő online &eacute;s print anyagok, kamp&aacute;nyok &eacute;s kreat&iacute;vok k&eacute;sz&uuml;lnek.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/browser.svg" alt="" /></div> <h3>Web</h3> <p>A m&aacute;rka online fel&uuml;lete &aacute;tl&aacute;that&oacute; strukt&uacute;r&aacute;val, j&oacute; felhaszn&aacute;l&oacute;i &uacute;tvonalakkal &eacute;p&uuml;l fel.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-system-step"> <div aria-hidden="true" class="vtd-system-icon"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Fejleszt&eacute;s</h3> <p>A l&aacute;tv&aacute;ny m&ouml;g&eacute; stabil, bőv&iacute;thető &eacute;s hossz&uacute; t&aacute;von műk&ouml;dő technikai h&aacute;tt&eacute;r ker&uuml;l.</p> </div> </div> </div> </div> <div class="vtd-system-note">&Iacute;gy nem k&uuml;l&ouml;n &eacute;letet &eacute;l a log&oacute;, a grafika, a weboldal &eacute;s a fejleszt&eacute;s, hanem egy egys&eacute;ges, felismerhető &eacute;s hossz&uacute; t&aacute;von is haszn&aacute;lhat&oacute; m&aacute;rkarendszerr&eacute; &aacute;ll &ouml;ssze.</div> </div> <div class="vtd-card vtd-calm-section vtd-card-soft"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Mi&eacute;rt m&aacute;s ez a szeml&eacute;let?</span> <h2 class="h3 mb-2">Nem k&uuml;l&ouml;n&aacute;ll&oacute; elemeket k&eacute;sz&iacute;t&uuml;nk, hanem &ouml;sszef&uuml;ggő m&aacute;rkarendszert</h2> <div class="vtd-line"></div> <p class="vtd-lead">A j&oacute; design sz&aacute;munkra nem &ouml;nc&eacute;l&uacute; l&aacute;tv&aacute;ny. Akkor műk&ouml;dik igaz&aacute;n, ha &eacute;rthetőbb&eacute; teszi az aj&aacute;nlatot, bizalmat &eacute;p&iacute;t, seg&iacute;ti a d&ouml;nt&eacute;st, &eacute;s k&ouml;vetkezetesen k&eacute;pviseli a m&aacute;rk&aacute;t minden fel&uuml;leten.</p> </div> <div class="row"> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/target.svg" alt="" /></div> <h3>&Uuml;zleti c&eacute;lhoz igaz&iacute;tott design</h3> <p>Nem csak azt n&eacute;zz&uuml;k, mi mutat j&oacute;l, hanem azt is, hogyan t&aacute;mogatja a design az &eacute;rdeklőd&eacute;st, aj&aacute;nlatk&eacute;r&eacute;st vagy v&aacute;s&aacute;rl&aacute;st.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Design &eacute;s fejleszt&eacute;s egy&uuml;tt</h3> <p>A l&aacute;tv&aacute;ny m&ouml;g&ouml;tt technikai gondolkod&aacute;s is van, &iacute;gy az elk&eacute;sz&uuml;lt online megold&aacute;s nemcsak sz&eacute;p, hanem haszn&aacute;lhat&oacute; &eacute;s bőv&iacute;thető is.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4" style="display: flex;"> <div class="vtd-value-card"> <div aria-hidden="true" class="vtd-value-icon"><img src="https://vteamdesign.hu/images/ikonok/trend-up.svg" alt="" /></div> <h3>Hossz&uacute; t&aacute;v&uacute; vizu&aacute;lis ir&aacute;ny</h3> <p>Olyan arculati &eacute;s grafikai alapokat tervez&uuml;nk, amelyek k&eacute;sőbb kamp&aacute;nyokban, weboldalon, print anyagokon &eacute;s social fel&uuml;leteken is műk&ouml;dnek.</p> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">Referenci&aacute;k r&ouml;viden</span> <h2 class="h3 mb-2">Akiknek m&aacute;r seg&iacute;tett&uuml;nk vizu&aacute;lis &eacute;s digit&aacute;lis megjelen&eacute;sben</h2> <div class="vtd-line"></div> <p class="vtd-lead">A munk&aacute;ink k&ouml;z&ouml;tt arculattervez&eacute;s, grafikai tervez&eacute;s, webdesign, csomagol&aacute;s, social kreat&iacute;v &eacute;s digit&aacute;lis megjelen&eacute;s is megtal&aacute;lhat&oacute;. <a class="vtd-inline-link" href="/Referenciaink" title="Vteamdesign referenci&aacute;k">Tov&aacute;bbi referenci&aacute;ink</a>.</p> </div> <div class="row"> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Hoppla grafikai tervez&eacute;s" src="https://vteamdesign.hu/images/referencia/33/kt/hoppla-facebook-poszt-grafikai-tervezes.jpg" alt="Hoppla grafikai tervez&eacute;s referencia" /> <div class="vtd-ref-body"><strong>Hoppla</strong> <span>social kreat&iacute;vok, grafikai megjelen&eacute;s</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Rekord &Uuml;zleth&aacute;z webdesign" src="https://vteamdesign.hu/images/referencia/41/kt/rekord-uzlethaz-webaruhaz-ui-design-arculat.png" alt="Rekord &Uuml;zleth&aacute;z webdesign referencia" /> <div class="vtd-ref-body"><strong>Rekord &Uuml;zleth&aacute;z</strong> <span>arculat, webdesign, digit&aacute;lis fel&uuml;let</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Napi Vacsi csomagol&aacute;s &eacute;s arculattervez&eacute;s" src="https://vteamdesign.hu/images/referencia/43/kt/napivacsi-termekcsomag-arculattervezes-branding.jpg" alt="Napi Vacsi csomagol&aacute;s &eacute;s arculattervez&eacute;s referencia" /> <div class="vtd-ref-body"><strong>Napi Vacsi</strong> <span>csomagol&aacute;s, branding, term&eacute;kmegjelen&eacute;s</span></div> </div> </div> <div class="col-md-6 col-lg-3 mb-4"> <div class="vtd-ref-card"><img title="Fr&uuml;hwald kamp&aacute;nygrafika" src="https://vteamdesign.hu/images/referencia/44/kt/fruhwald-facebook-posztok-kozossegi-media-mockup.jpg" alt="Fr&uuml;hwald social media &eacute;s kamp&aacute;nygrafika referencia" /> <div class="vtd-ref-body"><strong>Fr&uuml;hwald</strong> <span>kamp&aacute;nygrafika, social megjelen&eacute;s</span></div> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section vtd-card-soft"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">&Iacute;gy dolgozunk</span> <h2 class="h3 mb-2">&Aacute;tl&aacute;that&oacute; folyamat az &ouml;tlettől a megval&oacute;s&iacute;t&aacute;sig</h2> <div class="vtd-line"></div> <p class="vtd-lead">Minden projekt m&aacute;s, de a c&eacute;l mindig ugyanaz: olyan megold&aacute;st k&eacute;sz&iacute;teni, amely illeszkedik a v&aacute;llalkoz&aacute;s c&eacute;ljaihoz, a c&eacute;lk&ouml;z&ouml;ns&eacute;ghez &eacute;s a hossz&uacute; t&aacute;v&uacute; m&aacute;rka&eacute;p&iacute;t&eacute;shez.</p> </div> <div class="row"> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/chat-circle-text.svg" alt="" /></div> <h3>Ig&eacute;nyfelm&eacute;r&eacute;s</h3> <p>&Aacute;tbesz&eacute;lj&uuml;k a c&eacute;lokat, az aktu&aacute;lis helyzetet, a sz&uuml;ks&eacute;ges anyagokat &eacute;s a projekt &uuml;zleti h&aacute;tter&eacute;t.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/selection.svg" alt="" /></div> <h3>Strat&eacute;giai ir&aacute;ny</h3> <p>Meghat&aacute;rozzuk, milyen vizu&aacute;lis, tartalmi vagy technikai megold&aacute;s szolg&aacute;lja legjobban a c&eacute;lt.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/pen-nib.svg" alt="" /></div> <h3>Tervez&eacute;s</h3> <p>Elk&eacute;sz&uuml;l a design, arculat, grafikai anyag vagy webes strukt&uacute;ra a kiv&aacute;lasztott ir&aacute;ny alapj&aacute;n.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/code.svg" alt="" /></div> <h3>Megval&oacute;s&iacute;t&aacute;s</h3> <p>A l&aacute;tv&aacute;nyb&oacute;l haszn&aacute;lhat&oacute;, technikailag rendezett, online vagy offline felhaszn&aacute;l&aacute;sra k&eacute;sz anyag k&eacute;sz&uuml;l.</p> </div> </div> <div class="col-md-6 col-lg mb-4" style="display: flex;"> <div class="vtd-process-card"> <div aria-hidden="true" class="vtd-process-number"><img src="https://vteamdesign.hu/images/ikonok/rocket-launch.svg" alt="" /></div> <h3>&Aacute;tad&aacute;s</h3> <p>&Aacute;tadjuk a v&eacute;gleges anyagokat, &eacute;s ig&eacute;ny szerint seg&iacute;t&uuml;nk a tov&aacute;bbi felhaszn&aacute;l&aacute;sban vagy bőv&iacute;t&eacute;sben.</p> </div> </div> </div> </div> <div class="vtd-card vtd-calm-section"> <div class="text-center" style="max-width: 920px; margin: 0 auto 30px;"><span class="vtd-eyebrow">M&eacute;rf&ouml;ldk&ouml;vek</span> <h2 class="h3 mb-2">T&ouml;bb mint 15+ &eacute;v fejlőd&eacute;s r&ouml;viden</h2> <div class="vtd-line"></div> <p class="vtd-lead">A Vteamdesign t&ouml;rt&eacute;nete a weboldalk&eacute;sz&iacute;t&eacute;ssel indult, majd fokozatosan bőv&uuml;lt arculattervez&eacute;ssel, grafikai tervez&eacute;ssel, egyedi fejleszt&eacute;sekkel &eacute;s modern, AI-t&aacute;mogatott munkafolyamatokkal.</p> </div> <div class="vtd-timeline"> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2008</div> <div class="vtd-timeline-content"> <h3>Elindultunk a weboldalk&eacute;sz&iacute;t&eacute;s vil&aacute;g&aacute;ban</h3> <p>Kis- &eacute;s k&ouml;z&eacute;pv&aacute;llalkoz&aacute;sok sz&aacute;m&aacute;ra kezdt&uuml;nk modern, j&oacute;l haszn&aacute;lhat&oacute; weboldalakat k&eacute;sz&iacute;teni.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2010</div> <div class="vtd-timeline-content"> <h3>Bőv&uuml;lt&uuml;nk arculattervez&eacute;ssel &eacute;s offline grafik&aacute;val</h3> <p>A webes munk&aacute;k mellett egyre nagyobb szerepet kapott a marketing, a c&eacute;ges arculat &eacute;s a nyomtatott grafikai anyagok tervez&eacute;se.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2016</div> <div class="vtd-timeline-content"> <h3>Nagyobb m&aacute;rk&aacute;k &eacute;s komplexebb projektek</h3> <p>Magyar &eacute;s nemzetk&ouml;zi v&aacute;llalatok arculati, grafikai &eacute;s webes megjelen&eacute;s&eacute;n dolgoztunk, mik&ouml;zben tov&aacute;bb fejlesztett&uuml;k saj&aacute;t technikai h&aacute;tter&uuml;nket.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2023</div> <div class="vtd-timeline-content"> <h3>AI-alap&uacute; eszk&ouml;z&ouml;k a munkafolyamatban</h3> <p>Akt&iacute;van integr&aacute;ltuk a mesters&eacute;ges intelligenci&aacute;t az elemz&eacute;si, tervez&eacute;si &eacute;s d&ouml;nt&eacute;s-elők&eacute;sz&iacute;t&eacute;si folyamatokba.</p> </div> </div> <div class="vtd-timeline-item"> <div class="vtd-timeline-year">2025</div> <div class="vtd-timeline-content"> <h3>Innov&aacute;ci&oacute; &eacute;s strat&eacute;giai gondolkod&aacute;s</h3> <p>A c&eacute;l a j&ouml;vő&aacute;ll&oacute;, sk&aacute;l&aacute;zhat&oacute; &eacute;s &uuml;zletileg is &aacute;tgondolt digit&aacute;lis &eacute;s vizu&aacute;lis megold&aacute;sok k&eacute;sz&iacute;t&eacute;se.</p> </div> </div> </div> </div> <div class="vtd-dark-cta"> <h2><span style="color: #ffffff;">K&eacute;szen &aacute;ll arra, hogy m&aacute;rk&aacute;ja komolyabb szintre l&eacute;pjen?</span></h2> <p><span style="color: #ffffff;">Ha arculatra, grafikai tervez&eacute;sre, weboldalra vagy komplex digit&aacute;lis megjelen&eacute;sre van sz&uuml;ks&eacute;ge, seg&iacute;t&uuml;nk &aacute;tgondolni a lehetős&eacute;geket, &eacute;s olyan megold&aacute;st k&eacute;sz&iacute;t&uuml;nk, amely illeszkedik v&aacute;llalkoz&aacute;sa c&eacute;ljaihoz.</span></p> <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&aacute;nlatk&eacute;r&eacute;s Vteamdesign szolg&aacute;ltat&aacute;sokra">Aj&aacute;nlatot k&eacute;rek</a></div> <script type="text/javascript">// <![CDATA[ (function () { var section = document.querySelector('.vtd-about-premium .vtd-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(0) "" ["kep"]=> string(0) "" ["cimke"]=> string(0) "" ["title"]=> string(109) "Csapatunk, tájékozódjon cégünkről és rólunk.- Vteamdesign" ["description"]=> string(209) "Cégünk története mely segítségével eldöntheti mióta foglalkozunk webes fejlesztésekkel avagy weboldalak készítésével." ["keywords"]=> string(0) "" ["datum"]=> string(10) "2015-08-04" ["ora"]=> string(8) "09:56:48" ["pozicio"]=> string(0) "" ["megjelenes"]=> string(2) "10" ["aloldal"]=> string(1) "0" ["fooldal"]=> string(1) "0" ["cikk"]=> string(1) "0" ["sorrend"]=> string(1) "0" ["nyelv"]=> string(2) "hu" ["lathato"]=> string(1) "I" ["fejleckep"]=> NULL ["fejleckepalt"]=> NULL ["kod"]=> NULL ["lejarat"]=> NULL ["meta"]=> NULL } Csapatunk, tájékozódjon cégünkről és rólunk.- Vteamdesign
2026 az ön éve

vteamdesign csapata

Rövid leírás rólunk

Vteamdesign / márka, design, web

Mi nem sablonokban gondolkodunk. Hanem márkákban.

A Vteamdesignnál a design nem dekoráció, a weboldal nem csak egy online névjegy, az arculat pedig nem csak egy logó. Olyan vizuális és digitális rendszereket tervezünk, amelyek segítik a vállalkozásokat felismerhetőbbé, hitelesebbé és emlékezetesebbé válni.

Arculattervezés Grafikai tervezés Weboldal készítés Digitális márkaépítés Fejlesztés
Vteamdesign social media grafikai referencia
Vteamdesign webdesign és arculati referencia
Vteamdesign csomagolás és branding referencia
15+ év vizuális és digitális projektekben, kódolásban
A csapat

Kik dolgoznak a Vteamdesign mögött?

Egy kis csapat vagyunk, nagy vizuális és digitális gondolkodással. A kreatív irány, a márkaépítési szemlélet és a fejlesztői háttér egy helyen találkozik.

Vagner Róbert vizuális brand designer
Vagner Róbert vizuális brand designer

Arculati, grafikai és online megjelenéseket tervezek üzleti szemlélettel. A célom, hogy a látvány ne csak szép legyen, hanem felismerhető márkát és működő vizuális irányt építsen.

arculat grafika vizuális stratégia
Vagner M. Anna digitális márkaépítési szakértő
Medvedovszky Anna márkaépítés

Rendszerszintű szemlélettel segítem a vizuális és online megoldások összehangolását. A cél, hogy a lehetőségekből valódi, mérhető üzleti eredmény szülessen.

márkaépítés marketing rendszer
Vagner Richard senior full-stack fejlesztő
Vagner Richard senior full-stack fejlesztő

Stabil, skálázható és hosszú távon működő digitális megoldásokon dolgozom. A fejlesztői háttér biztosítja, hogy a design mögött megbízható rendszer álljon.

fejlesztés rendszerek automatizáció
Egy kézben a teljes vizuális és digitális út

A márkaépítés nálunk nem különálló feladatokból áll

A stratégia, az arculat, a grafikai anyagok, a webes megjelenés és a fejlesztés akkor működik igazán jól, ha egymásra épülnek. Ezért a Vteamdesignnál nem csak egy-egy részfeladatban gondolkodunk, hanem abban, hogyan áll össze a teljes vizuális és digitális rendszer.

Stratégia

Megértjük a célokat, a célközönséget és azt, milyen irányba kell vinni a márkát.

Arculat

Felépítjük a vizuális alapokat: logó, színek, tipográfia és márkakarakter.

Grafika

Az arculatból működő online és print anyagok, kampányok és kreatívok készülnek.

Web

A márka online felülete átlátható struktúrával, jó felhasználói útvonalakkal épül fel.

Fejlesztés

A látvány mögé stabil, bővíthető és hosszú távon működő technikai háttér kerül.

Így nem külön életet él a logó, a grafika, a weboldal és a fejlesztés, hanem egy egységes, felismerhető és hosszú távon is használható márkarendszerré áll össze.
Miért más ez a szemlélet?

Nem különálló elemeket készítünk, hanem összefüggő márkarendszert

A jó design számunkra nem öncélú látvány. Akkor működik igazán, ha érthetőbbé teszi az ajánlatot, bizalmat épít, segíti a döntést, és következetesen képviseli a márkát minden felületen.

Üzleti célhoz igazított design

Nem csak azt nézzük, mi mutat jól, hanem azt is, hogyan támogatja a design az érdeklődést, ajánlatkérést vagy vásárlást.

Design és fejlesztés együtt

A látvány mögött technikai gondolkodás is van, így az elkészült online megoldás nemcsak szép, hanem használható és bővíthető is.

Hosszú távú vizuális irány

Olyan arculati és grafikai alapokat tervezünk, amelyek később kampányokban, weboldalon, print anyagokon és social felületeken is működnek.

Referenciák röviden

Akiknek már segítettünk vizuális és digitális megjelenésben

A munkáink között arculattervezés, grafikai tervezés, webdesign, csomagolás, social kreatív és digitális megjelenés is megtalálható. További referenciáink.

Hoppla grafikai tervezés referencia
Hoppla social kreatívok, grafikai megjelenés
Rekord Üzletház webdesign referencia
Rekord Üzletház arculat, webdesign, digitális felület
Napi Vacsi csomagolás és arculattervezés referencia
Napi Vacsi csomagolás, branding, termékmegjelenés
Frühwald social media és kampánygrafika referencia
Frühwald kampánygrafika, social megjelenés
Így dolgozunk

Átlátható folyamat az ötlettől a megvalósításig

Minden projekt más, de a cél mindig ugyanaz: olyan megoldást készíteni, amely illeszkedik a vállalkozás céljaihoz, a célközönséghez és a hosszú távú márkaépítéshez.

Igényfelmérés

Átbeszéljük a célokat, az aktuális helyzetet, a szükséges anyagokat és a projekt üzleti hátterét.

Stratégiai irány

Meghatározzuk, milyen vizuális, tartalmi vagy technikai megoldás szolgálja legjobban a célt.

Tervezés

Elkészül a design, arculat, grafikai anyag vagy webes struktúra a kiválasztott irány alapján.

Megvalósítás

A látványból használható, technikailag rendezett, online vagy offline felhasználásra kész anyag készül.

Átadás

Átadjuk a végleges anyagokat, és igény szerint segítünk a további felhasználásban vagy bővítésben.

Mérföldkövek

Több mint 15+ év fejlődés röviden

A Vteamdesign története a weboldalkészítéssel indult, majd fokozatosan bővült arculattervezéssel, grafikai tervezéssel, egyedi fejlesztésekkel és modern, AI-támogatott munkafolyamatokkal.

2008

Elindultunk a weboldalkészítés világában

Kis- és középvállalkozások számára kezdtünk modern, jól használható weboldalakat készíteni.

2010

Bővültünk arculattervezéssel és offline grafikával

A webes munkák mellett egyre nagyobb szerepet kapott a marketing, a céges arculat és a nyomtatott grafikai anyagok tervezése.

2016

Nagyobb márkák és komplexebb projektek

Magyar és nemzetközi vállalatok arculati, grafikai és webes megjelenésén dolgoztunk, miközben tovább fejlesztettük saját technikai hátterünket.

2023

AI-alapú eszközök a munkafolyamatban

Aktívan integráltuk a mesterséges intelligenciát az elemzési, tervezési és döntés-előkészítési folyamatokba.

2025

Innováció és stratégiai gondolkodás

A cél a jövőálló, skálázható és üzletileg is átgondolt digitális és vizuális megoldások készítése.

Készen áll arra, hogy márkája komolyabb szintre lépjen?

Ha arculatra, grafikai tervezésre, weboldalra vagy komplex digitális megjelenésre van szüksége, segítünk átgondolni a lehetőségeket, és olyan megoldást készítünk, amely illeszkedik vállalkozása céljaihoz.

Ajánlatot kérek

Tegye fel kérdését elérhetőségeink egyikén

Egy kérdést megér, mi pedig a legjobb megoldást adjuk rá!

Ügyfeleink

Akik már megbíztak bennünk

Dunakeszi-arculattervezes
Fruhwald-logo-arculattervezes
Aquafizzy-logo-arculattervezes
BioAligner-logo-arculattervezes
Bio-vet-logo-arculattervezes
Campanari-logo-arculattervezes
Caparol-logo-arculattervezes
Cleaners-logo-arculattervezes
dr-Vari-Zsolt-logo-arculattervezes
Esyspay-logo-arculattervezes
Esystem-logo-arculattervezes
Alpina-logo-arculattervezes
Castle-apartments-logo-arculattervezes
Eu-logo-arculattervezes
Evocrm-logo-arculattervezes
Flexi-book-logo-arculattervezes
Gazmodul-logo-arculattervezes
Gerecse-kapuja-logo-arculattervezes
HSZC-logo-arculattervezes
Itv-albatech-logo-arculattervezes
Julia-malom-logo-arculattervezes
Kontur-plusz-arculattervezes
KRAUTOL-logo-arculattervezes
MHN-logo-arculattervezes
MH-team-logo-arculattervezes
MMBF-logo-arculattervezes
Net-ugyved-logo-arculattervezes
NL-logo-arculattervezes
orosztony-onkormanyzat-logo-arculattervezes
Raklapgyartas-logo-arculattervezes
S-carp-logo-arculattervezes
Tatabanya_eromu-logo-arculattervezes
Tatabanya-eromu-akademia-logo-arculattervezes
Thury-Gyorgy-emlekev-logo-arculattervezes
Varpalota-logo-arculattervezes
Vet-pont-logo-arculattervezes

Kérjen ajánlatot, ingyenes konzultációval!

Ajánlatkérés