Veebilehed - Design by HL

.loader, #gl, #p-cover, .cursor, [data-js~="global-mute-btn"], [data-js~="menu-toggle"], .about-model__loader { display: none !important; } [data-router-view], [dom2webgl] { visibility: visible !important; opacity: 1 !important; } [data-reveal] { opacity: 1 !important; translate: none !important; } 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"] > div { display: flex !important; flex-wrap: wrap; justify-content: center; } .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; } :root body:is(.route-about, .route-services, .route-projects) :is(.nav-item.ui-button, .header .language-switcher.ui-control-group) { color: var(--color-paper); } [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; } .home-scene__heading.sr { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none; } .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; } :root .project-grid .project-grid__close, [data-router-view="projects"] .ui-button[data-js~="manager-ignore"], .project-grid-toggle, .project-nav, .works-index { display: none; } 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(--service-color) 25%, transparent); border-radius: var(--radius-md); background: rgba(7, 11, 19, .94); }

Henry Lõiv

Veebidisain ja arendus

Kodulehe uuendamine: parandada või teha uus?

oktoober 7, 2026

By Henry Lõiv

Katkine vorm, ebamugav mobiilivaade või keeruline sisuhaldus ei nõua alati uut lehte. Sobiv töömaht selgub praeguse lahenduse ja vajaduste ülevaatamisel.

Kodulehe tegemise hind: millest hind koosneb?

oktoober 7, 2026

By Henry Lõiv

Kolm näidiseelarvet aitavad võrrelda kodulehe töömahtu, sisuhaldust ja liidestusi. Loe, mis sisaldub üleandmises ja mida hinnapakkumiseks vaja on.

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.

Sinu sõnum

Nimi E-posti aadress

Ava päringuvorm

hello@dsgnbyhl.com

Esimene konsultatsioon on tasuta.

Majutuspartner

Rubriik: Veebilehed

Kodulehe uuendamine: parandada või teha uus?

Kodulehe tegemise hind: millest hind koosneb?

Räägime
sinu projektist.

Kirjelda oma projekti

Aitäh!

Rubriik: Veebilehed

Räägimesinu projektist.

Räägime
sinu projektist.