Liigu sisu juurde

Kerge vaade: lehed avanevad kiiresti ja ilma 3D-graafikata. Näitame kerget vaadet, sest 3D-graafika oleks selles seadmes aeglane. Sisu on sama.

Lülita 3D sisse

@layer components { .loader, #gl, #p-cover, .cursor, [data-js~="global-mute-btn"], [data-js~="menu-toggle"] { display: none !important; } [data-router-view], [dom2webgl] { visibility: visible !important; opacity: 1 !important; } [data-reveal] { opacity: 1 !important; translate: none !important; } .swap-title.is-fonts-wait { opacity: 1; } .swap-title.is-pending .swap-title__answer::before { transform: translateY(-140%); } .swap-title.is-pending .swap-title__answer em { transform: none; } body:not(.is-touch) { overflow-y: visible !important; } body { user-select: text !important; -webkit-user-select: text !important; } .project-case { background: var(--project-bg); color: var(--project-fg); } .header { position: relative !important; top: auto !important; flex-wrap: wrap; gap: 1rem; } .header__logo { position: static !important; height: auto !important; } .header [data-js~="nav-inner"] { display: flex !important; flex-wrap: wrap; justify-content: center; gap: .5rem; } .header .language-switcher { display: flex !important; } .header [data-js~="nav-inner"] > nav { display: flex !important; flex-wrap: wrap; justify-content: center; } .header .nav-item { display: inline-flex !important; } .logo.is-awaiting :is(.logo__pixel, .logo__word path) { opacity: 1 !important; } .logo.is-awaiting .logo__square { stroke-dashoffset: 0 !important; } body:is(.route-about, .route-services, .route-projects) .header__logo svg { color: #fff; } [data-router-view="homeContact"] { display: flex; min-height: 80svh; flex-direction: column; align-items: center; justify-content: center; gap: 1.75rem; padding: 4rem 1rem; } .home-scene__fallback { display: block !important; visibility: visible !important; } .home-scene__heading.sr { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; } .home-scene__heading h1 { max-width: 14ch; margin: 0; color: #1c211f; font-family: var(--font-display); font-size: clamp(2.75rem, 6vw, 5.5rem); font-weight: 400; line-height: 1; text-align: center; } body.route-projects { background: #06080e; } .project-grid { position: static; padding-top: 3rem; opacity: 1; visibility: visible; pointer-events: auto; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .project-grid .project-grid__card { opacity: 1; translate: none; } .project-grid .project-grid__scroll { overflow: visible; overscroll-behavior: auto; } body.route-services { background: #070b13; } .services-space.services-space { grid-template-columns: 1fr; padding-top: 3rem; row-gap: 2.5rem; } .services-space__selection { display: none; } .services-space .services-space__panels { display: grid; grid-column: 1; grid-row: auto; grid-template-columns: 1fr; gap: 1.2rem; max-width: none; border: 0; background: none; box-shadow: none; backdrop-filter: none; } .services-space .service-panel, .services-space .service-panel.is-active { grid-area: auto; position: relative; min-height: 0; margin: 0; padding: clamp(1.5rem, 4vw, 2.5rem); opacity: 1; visibility: visible; transform: none; border: 1px solid color-mix(in srgb, var(--color-paper) 18%, transparent); border-radius: var(--radius-md); background: var(--color-ink); } } @layer contexts { body:is(.route-about, .route-services, .route-projects) :is(.nav-item.ui-button, .header .language-switcher.ui-control-group) { color: var(--color-paper); } .project-grid .project-grid__close, [data-js~="project-cta-link"], .project-grid-toggle, .project-nav, .works-index { display: none; } }

Valmistan graafikat ette. Esimesel külastusel võib see veidi aega võtta.

Henry Lõiv

Veebidisain ja arendus

Räägime sinu projektist.

Räägi, mida soovid luua või paremaks teha. Valmis lähteülesannet pole vaja — täpsustame töömahu ja järgmised sammud koos.

Mis saab edasi?

Tutvun sinu päringuga
Vastan e-posti teel tavaliselt 2 tööpäeva jooksul ja küsin vajadusel täpsustusi.
Täpsustame üksikasjad
Arutame läbi töömahu, ajakava ja sobiva lahenduse.
Otsustad, kas jätkame
Teen pakkumise, mille põhjal saad otsustada, kas ja kuidas soovid jätkata.

Kirjelda oma projekti

Piisab paarist lausest. Üksikasjad täpsustame koos.

Millega saan aidata?

VeebilehedEttevõtte lehed, e-poed ja kampaanialehed Veebirakenduste arendusVeebirakendused ja koostöö tiimiga Animatsioon ja 3DWebGL-lehed, tootekonfiguraatorid ja interaktiivsed esitlused AI-lahendusedLiidestused ja automatiseerimine Pole veel kindelLeiame koos sobiva lahenduse

Nimi E-posti aadress

Räägi oma ideest

Lisa link, ajakava või eelarve

Veebilehe või kujunduse link Valikuline

Soovitud ajakava Eelarve suurusjärk

Esimene konsultatsioon on tasuta. Päring ei kohusta sind millekski.

Loon veebilehti ja veebirakendusi ettevõtetele, agentuuridele ja tootetiimidele. Vajaduse korral aitan ka disaini, animatsiooni ja interaktiivse 3D-ga.

Räägime projektist Vaata projekte

Räägime
sinu projektist.

Kirjuta paar rida. Laine toob need mulle.

hello@dsgnbyhl.com

Esimene konsultatsioon on tasuta.