Omnisite

Svelte 5と真新しいsv CLIのリリースだけでは足りませんでした。私たちは全く新しいウェブサイトも公開しました。今、あなたがご覧になっているのがそれです。

これまで、私たちはsvelte.devドメインの下に、Svelte本体のメインサイト、kit.svelte.dev、learn.svelte.devといった複数の異なるサイトを維持してきました。これには多少の利点がありましたが、ほとんどは迷惑なものでした。

• サイトを跨いでの検索ができない
• 微妙に異なるナビゲーション
• リンク切れの可能性（ビルド時、SvelteKitはすべての内部リンクが正しいことを自動的に検証しますが、他のサイトへのリンクは別の問題です）
• ダークモードなどの設定がサイト間で共有されない
• （例えば）ドキュメントとチュートリアルの間を移動する際にフルページリロードが発生する

実装の観点から、複数のサイトを同期させておくことは頭痛の種であることが証明されました。

すべてを一つの場所にまとめることで、必要な情報を見つけやすくなります。現在、このサイトにはSvelteとSvelteKitのドキュメントが含まれています。近日中には、CLIやvite-plugin-svelteのような追加パッケージも網羅する予定です。

新しいルック

私たちはサイトのデザインも一新しました。私たちのロゴとヒーローアートワーク（「マシン」）、そして素晴らしい Achim Vedam によってデザインされたものは変わりません。これらとSvelteのオレンジがかった赤色は、今でも私たちの視覚的アイデンティティの要です。

しかし、サイトの他の多くの側面が整理されました。まず、ページ上の情報を整理する際に多用しがちな5つのB、つまりボックス、背景、境界線、ボックスシャドウ、太字テキストです。これらのほとんどを取り除き、カラーパレットを簡素化することで、サイトはより落ち着いて、まとまりがあり、窮屈さが軽減されました。

ボタンのスタイルも更新し、実際にボタンのように見えるようにしました（残念ながら、現代のUIデザインでは急進的なコンセプトです）。

フォントは何？

もちろん、最も顕著な違いはタイポグラフィです。以前は、コードを除くすべて（ロゴ、ヘッダー、UI要素、本文）にOverpassを使用していました。もともとハイウェイゴシック（1948年から米国の道路標識に使用されている書体で、Clearviewとの短い浮気を除いて）の適応版であることを考えると、驚くほど多用途ですが、すべてに使用するように設計されていません。私たちは、階層を作成し、単調さを軽減するために、あらゆる種類のその場しのぎの調整（色の調整、大文字小文字の使い分け、行の高さ、間隔、太さなど）を行い、他のデザインルール（コピーのずれ、不必要な境界線の追加）を破っていました。私たちは変化を必要としていました。

同時に、他のドキュメントサイトと同じように見えることを避けたかったのです。現代のウェブデザインは息苦しいほど無難です。すべてがボックスで、紫色の光るナンセンスで、同じようなサンセリフ書体ばかりです。

私たちは、最後の部分を奇妙に感じるはずです。本や雑誌を開くと、圧倒的にセリフ書体で組まれている可能性が高いでしょう。それには理由があります。セリフは個々の文字をより明確にし、読みやすさを助け、書体の個性を定義するのに役立ちます。

画面上では、セリフ書体はあまり一般的ではありません。それは部分的に歴史的および技術的な理由によるものです。昔の低解像度スクリーン、特にフォントレンダリングが劣っていたWindowsでは、セリフが定義を欠き、読みやすさを悪化させます。しかし、今日のほとんどのユーザーは、はるかにシャープなスクリーンを持っているため、これは問題になりにくくなっています。実際、ほとんどの新聞や雑誌のウェブサイト、および多くのブログでは、本文にセリフが使用されています。

私が推測する本当の理由は、ほとんどが文化的なものです。セリフ書体を印刷物と結びつけて考えるようになったため、セリフ書体は現代的ではないと見なされています。逆に、サンセリフ書体はデジタル製品と関連付けられています。

あなたのことは分かりませんが、私はデジタル製品を信頼性の低いものと結びつけるようになりました。バグ、クッキーバナー、搾取的なビジネスモデル、プライバシーの軽視、計画的な陳腐化、その他のテクノロジー業界の多くの罪です。

私は自分が使うものにアナログ的な感性を持ってほしいと思っています。私は重みがあり、ほとんど物理的な存在感があるものが好きです。（SvelteのHTMLファーストのデザインや「マシン」は、たとえ私たちが必然的にデジタル製品であるとしても、ある意味、このことの表れです。）

何よりも、私はこれほど均質なウェブを望みません。

そこで、私たちの新しいサイトでは、いくつかの書体を選択しました。

• 見出しにはDM Serif Display
• 本文にはEB Garamond、低解像度スクリーンではGeorgiaにフォールバック
• UI要素にはFira Sans
• コードにはFira Mono

これが物議を醸す選択であることは承知しています！今日、多くの人々はほぼ排他的に画面を通して書かれた言葉に触れているため、セリフ書体を見ると不快に感じるかもしれません。慣れるまで時間がかかるかもしれません。また、一部の人々にとっては、オペレーティングシステム/スクリーン/ダークモードの設定の組み合わせによっては、正当な読みやすさの懸念がある可能性があることも認識していますので、すべてが適切になるまでご理解をお願いします。

貢献

大規模なアップデートと同様に、まだ磨きが必要な詳細がいくつかあり、そのいくつかはこれまで気づかなかったかもしれません。コードベースはオープンソースになりました。皆様のご貢献をお待ちしております。