Labs · permukaan web
Laman yang hidup lebih lama daripada reka bentuk semulanya.
Untuk yang tidak boleh gagal — portal kerajaan, syarikat antarabangsa, operasi yang serius. Ditulis dengan tangan, disampaikan dari edge dalam bahasa pelawat sendiri, dengan SEO dan automasi yang memastikannya terus hidup terjalin di dalamnya, bukan ditampal kemudian.
Bukan tema yang diisi dengan logo anda. Sebuah dokumen yang ditulis khusus untuk satu laman yang dilayaninya.
Bermakna secara semantik, mudah diakses, cukup ringan untuk dibaca sebelum satu bait JavaScript pun dimuatkan. Satu laman, satu tujuan — tiada apa-apa dilepaskan yang tidak diperlukannya.
SEO bukan vendor kedua. Data berstruktur dan markup yang bersih ditulis sewaktu laman itu dibina, supaya orang yang tepat menemuinya — dalam tujuh bahasa, setiap satunya laman yang sebenar.
Borang yang sampai kepada manusia, kandungan yang mengemas kini dirinya sendiri, automasi senyap di sebalik laman — sebahagian daripada binaan, supaya laman terus berfungsi ketika anda tidak memerhatikannya.
Empat angka daripada laman yang dibina dengan tangan.
Seni laman yang serius ialah pengekangan: tag yang tepat, data yang menjadi sumber paparannya, dan skrip yang ditambah hanya apabila ia berbaloi dengan beratnya — menggunakan API natif terbaharu pelayar, tanpa framework — dengan SEO ditulis ke dalam laman itu sendiri.
<!-- a page you can read before one byte of JavaScript arrives --> <main id="content"> <h1>Office of the Registry</h1> <nav aria-label="Services"> <a href="/apply">Apply</a> <a href="/status" aria-current="page">Check status</a> </nav> <article> <h2>Your case</h2> <p class="status status--open">Open — in review</p> <time datetime="2026-11-02T09:14:00Z">Updated today</time> </article> </main> <!-- no div soup, no bundle to boot. a landmark, a heading, a link. -->
// the data the page renders from — one shape, every language. the app reads the same. { "case": { "id": "c_7f3a91c4", "status": "open", "locale": "fr", "updated": "2026-11-02T09:14:00Z", "actions": [ { "label": "apply", "href": "/fr/apply" }, { "label": "status", "href": "/fr/status" } ] } }
// JavaScript · added only where it earns its weight — the browser's newest native APIs, no framework customElements.define("case-status", class extends HTMLElement { #case = JSON.parse(this.dataset.case ?? "{}"); // the same JSON the page already shipped with connectedCallback() { // View Transitions API — native to the browser, zero bundle to boot document.startViewTransition?.(() => this.#render()) ?? this.#render(); } #render() { this.textContent = this.#case.status; // enhances markup that already works without it } });
<!-- SEO is not a plugin here — it is written as the page is built --> <link rel="alternate" hreflang="fr" href="https://…/fr/status"> <link rel="alternate" hreflang="ar" href="https://…/ar/status"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "GovernmentService", "name": "Registry — case status", "availableLanguage": ["en","fr","de","ar","es","ja","zh"], "provider": { "@type": "GovernmentOrganization", "name": "Office of the Registry" } } </script> <!-- found and chosen is the same job as built. -->
Mengapa laman yang ditulis dengan tangan mengalahkan tema, setiap kali ia penting.
Sebuah tema tidak mungkin dibuat mengikut ukuran anda — ia dibuat untuk semua orang. Laman yang memerlukan satu megabait untuk menunjukkan satu ayat tidak mungkin dijadikan pantas — beratnya itulah intinya. Itulah sebabnya tiada templat pada laman ini, dan tiada senarai harga: kami mengukur apa yang laman itu perlu lakukan, dan memberikan harga berdasarkan apa yang kami ukur.
Sebelum satu baris pun ditulis, inilah cara kerja anda dijaga. Bahagian ini tidak boleh dirunding.
NDA ialah kebiasaan di sini, bukan jualan tambahan. Apa yang anda kongsikan dibaca oleh satu jurutera dan tiada orang lain — tiada apa-apa yang dijual, dikongsi atau diserahkan kepada pihak lain.
Kelayakan akses dan rekod kekal di dalam rumah anda, di bawah hak akses minimum. Kami tidak menyimpan salinan yang tidak kami perlukan, dan tiada apa-apa yang keluar daripada jangkauan anda tanpa kebenaran anda.
Apa yang berjalan di dalam rumah anda adalah milik anda untuk dibaca dan diaudit — tiada kotak hitam yang perlu anda percayai tanpa melihatnya. Bilik enjin kekal milik kami; apa yang anda jalankan adalah milik anda.
Dua baris sudah mencukupi — untuk apa ia digunakan, dan siapa yang perlu menemuinya. Kami sendiri yang membacanya dan kami sendiri yang menjawab.
Ia sudah berada pada satu skrin di Zürich — bukan dalam barisan menunggu, bukan dalam tiket. Jurutera yang akan membinanya membacanya sendiri, dan membalas sendiri.
·