Skip to content

Light version: pages open quickly, without the 3D graphics. You are seeing the light version because the 3D graphics would be slow on this device. The content is the same.

@layer components { .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; } .swap-title.is-fonts-wait { opacity: 1; } .swap-title.is-pending .swap-title__answer::before { transform: translateY(-120%); } .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(--service-color) 25%, transparent); border-radius: var(--radius-md); background: rgba(7, 11, 19, .94); } } @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; } }

Preparing the graphics. This can take a moment on the first visit.

Henry Lõiv

Web design & development

SEO & AI Search

Articles about search visibility, AI search and how customers discover businesses.

Quick Answers

Quick Answer

Why does LinkedIn still show the old link-preview image?

Check og:image and use LinkedIn Post Inspector before sharing again. Refreshing a URL preview does not necessarily update an existing post.

SEO & AI SearchOctober 16, 2026 2 min read
Quick Answer

Should translated pages share one canonical URL?

Use language alternates without automatically canonicalizing translations to the original. Check reciprocal hreflang and each language’s intended URL.

SEO & AI SearchOctober 16, 2026 2 min read
Quick Answer

Why does Google show a different meta description?

Google can build a query-specific snippet from page content. Check the real HTML and selected URL before repeatedly rewriting a meta description.

SEO & AI SearchOctober 16, 2026 2 min read
Quick Answer

Can you block GPTBot while allowing ChatGPT search?

GPTBot and OAI-SearchBot have different roles. Use separate robots.txt controls without treating crawl permission as a guarantee of search visibility.

SEO & AI SearchOctober 16, 2026 1 min read
Quick Answer

How do I check if Google indexed a page?

Inspect the exact URL in Google Search Console and read the indexed result. A working page or a successful live test does not establish that Google indexed it.

SEO & AI SearchOctober 16, 2026 2 min read

I build websites and web application interfaces for businesses, agencies and product teams. I can also help with design, animation and interactive 3D.

Discuss a project View projects

Let’s talk about
your project.

Write a few lines. The tide will bring them to me.

hello@dsgnbyhl.com

The first consultation is free.

Hosting partner