diff --git a/public/assets/css/style-light.css b/public/assets/css/style-light.css
index 0b74223..0d15d5d 100644
--- a/public/assets/css/style-light.css
+++ b/public/assets/css/style-light.css
@@ -47,6 +47,7 @@ footer {
 
 h1, h2, h3, h4, h5, h6 {
     color: #FFFFFF;
+    font-weight: 400;
 }
 
 /* Layout */
@@ -54,15 +55,19 @@ section {
     padding-top: 4px;
     padding-bottom: 4px;
 }
+
 .block {
     background-color: #272727;
-    border-radius: 6px;
-    padding-top: 4px;
-    padding-left: 24px;
-    padding-right: 24px;
-    padding-bottom: 4px;
+    border-radius: 8px;
+    padding: 16px 16px;
     margin-bottom: 16px;
 }
+.block > *:first-child {
+    margin-top: 0;
+}
+.block > *:last-child {
+    margin-bottom: 0;
+}
 
 .flex {
     display: flex;
@@ -81,10 +86,9 @@ section {
 
 /* Code */
 pre {
-    background-color: #272727;
+    background-color: #202020;
     border-radius: 4px;
     padding: 8px;
-    padding-left: 16px;
     overflow-x: auto;
     white-space: pre;
     line-height: 24px;
@@ -109,18 +113,6 @@ a {
     text-decoration: underline;
     color: inherit;
 }
-
-h1 {
-    font-weight: 400;
-    line-height: 8pt;
-}
-h2 {
-    font-weight: 300;
-}
-section h2, section h3 {
-    line-height: 8pt;
-}
-
 b {
     font-weight: 400;
 }
@@ -134,16 +126,62 @@ s {
     text-decoration: line-through;
 }
 
+.font-light {
+    font-weight: 100;
+}
+.font-regular {
+    font-weight: 200;
+}
+.font-medium {
+    font-weight: 300;
+}
 .font-bold {
     font-weight: 400;
 }
-.font-italic {
-    font-style: italic;
+.font-extrabold {
+    font-weight: 500;
+}
+.font-black {
+    font-weight: 600;
+}
+
+.font-weight-100 {
+    font-weight: 100;
+}
+.font-weight-200 {
+    font-weight: 200;
+}
+.font-weight-300 {
+    font-weight: 300;
+}
+.font-weight-400 {
+    font-weight: 400;
+}
+.font-weight-500 {
+    font-weight: 500;
+}
+.font-weight-600 {
+    font-weight: 600;
+}
+.font-weight-700 {
+    font-weight: 700;
+}
+.font-weight-800 {
+    font-weight: 800;
+}
+.font-weight-900 {
+    font-weight: 900;
+}
+.font-weight-1000 {
+    font-weight: 1000;
 }
 
 .text-no-decoration {
     text-decoration: none;
 }
+.text-italic {
+    font-style: italic;
+}
 .text-underline {
     text-decoration: underline;
 }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 5ecf3af..3b0d283 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -61,6 +61,7 @@ footer {
 
 h1, h2, h3, h4, h5, h6 {
     color: #FFFFFF;
+    font-weight: 400;
 }
 
 /* Layout */
@@ -68,15 +69,19 @@ section {
     padding-top: 4px;
     padding-bottom: 4px;
 }
+
 .block {
     background-color: #272727;
-    border-radius: 6px;
-    padding-top: 4px;
-    padding-left: 24px;
-    padding-right: 24px;
-    padding-bottom: 4px;
+    border-radius: 8px;
+    padding: 16px 16px;
     margin-bottom: 16px;
 }
+.block > *:first-child {
+    margin-top: 0;
+}
+.block > *:last-child {
+    margin-bottom: 0;
+}
 
 .flex {
     display: flex;
@@ -95,10 +100,9 @@ section {
 
 /* Code */
 pre {
-    background-color: #272727;
+    background-color: #202020;
     border-radius: 4px;
     padding: 8px;
-    padding-left: 16px;
     overflow-x: auto;
     white-space: pre;
     line-height: 24px;
@@ -156,18 +160,6 @@ a {
     text-decoration: underline;
     color: inherit;
 }
-
-h1 {
-    font-weight: 400;
-    line-height: 8pt;
-}
-h2 {
-    font-weight: 300;
-}
-section h2, section h3 {
-    line-height: 8pt;
-}
-
 b {
     font-weight: 400;
 }
@@ -181,16 +173,62 @@ s {
     text-decoration: line-through;
 }
 
+.font-light {
+    font-weight: 100;
+}
+.font-regular {
+    font-weight: 200;
+}
+.font-medium {
+    font-weight: 300;
+}
 .font-bold {
     font-weight: 400;
 }
-.font-italic {
-    font-style: italic;
+.font-extrabold {
+    font-weight: 500;
+}
+.font-black {
+    font-weight: 600;
+}
+
+.font-weight-100 {
+    font-weight: 100;
+}
+.font-weight-200 {
+    font-weight: 200;
+}
+.font-weight-300 {
+    font-weight: 300;
+}
+.font-weight-400 {
+    font-weight: 400;
+}
+.font-weight-500 {
+    font-weight: 500;
+}
+.font-weight-600 {
+    font-weight: 600;
+}
+.font-weight-700 {
+    font-weight: 700;
+}
+.font-weight-800 {
+    font-weight: 800;
+}
+.font-weight-900 {
+    font-weight: 900;
+}
+.font-weight-1000 {
+    font-weight: 1000;
 }
 
 .text-no-decoration {
     text-decoration: none;
 }
+.text-italic {
+    font-style: italic;
+}
 .text-underline {
     text-decoration: underline;
 }
diff --git a/public/links.html b/public/links.html
index 9c84081..404c659 100644
--- a/public/links.html
+++ b/public/links.html
@@ -6,10 +6,21 @@
 {% block content %}
             <p class="font-small font-bold"><a href="/" class="text-no-decoration">← ホーム</a></p>
             <div id="nercone" class="block">
-                <h3>nercone</h3>
                 <img src="/assets/images/banner.png" alt="banner-nercone" class="banner">
                 <p>バナーは<a href="/download-banner/">こ↑こ↓</a>からダウンロードできます</p>
-                <p><a href="https://nercone.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/nercone-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0001-3615-0962/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/nercone_x/" class="text-no-decoration">twitter</a> / <a href="https://qiita.com/DiamondGotCat/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/techcat56/" class="text-no-decoration">zenn</a></p>
+                <div class="flex font-small text-tx-alt">
+                    <div class="flex-1 flex">
+                        <a href="https://nercone.dev/" class="text-no-decoration">website</a>
+                        <a href="https://github.com/nercone-dev/" class="text-no-decoration">github</a>
+                        <a href="https://orcid.org/0009-0001-3615-0962/" class="text-no-decoration">orcid</a>
+                        <a href="https://twitter.com/nercone_x/" class="text-no-decoration">twitter</a>
+                        <a href="https://qiita.com/DiamondGotCat/" class="text-no-decoration">qiita</a>
+                        <a href="https://zenn.dev/techcat56/" class="text-no-decoration">zenn</a>
+                    </div>
+                    <div class="flex">
+                        <a href="#nercone" class="text-no-decoration">nercone</a>
+                    </div>
+                </div>
                 <!--
                 <pre>
                 class Nercone(Identity):
@@ -20,10 +31,21 @@
                 -->
             </div>
             <div id="t3tra" class="block">
-                <h3>t3tra<!--様--></h3>
                 <a href="https://t3tra.dev/" target="_blank" rel="noopener noreferrer"><img src="https://t3tra.dev/images/banner.png" alt="banner-t3tra" class="banner"></a>
                 <p>技術とか才能が凄すぎる人<!--で僕が好きな人--> <!-- 好きな人にリンク貼ってもらえたうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしいうれしい好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き好き --></p>
-                <p><a href="https://t3tra.dev/" class="text-no-decoration">website</a> / <a href="https://github.com/t3tra-dev/" class="text-no-decoration">github</a> / <a href="https://orcid.org/0009-0006-9423-1572/" class="text-no-decoration">orcid</a> / <a href="https://twitter.com/t3tra_x/" class="text-no-decoration">twitter</a> / <a href="https://qiita.com/t3tra/" class="text-no-decoration">qiita</a> / <a href="https://zenn.dev/t3tra/" class="text-no-decoration">zenn</a></p>
+                <div class="flex font-small text-tx-alt">
+                    <div class="flex-1 flex">
+                        <a href="https://t3tra.dev/" class="text-no-decoration">website</a>
+                        <a href="https://github.com/t3tra-dev/" class="text-no-decoration">github</a>
+                        <a href="https://orcid.org/0009-0006-9423-1572/" class="text-no-decoration">orcid</a>
+                        <a href="https://twitter.com/t3tra_x/" class="text-no-decoration">twitter</a>
+                        <a href="https://qiita.com/t3tra/" class="text-no-decoration">qiita</a>
+                        <a href="https://zenn.dev/t3tra/" class="text-no-decoration">zenn</a>
+                    </div>
+                    <div class="flex">
+                        <a href="#t3tra" class="text-no-decoration">t3tra<!--様--></a>
+                    </div>
+                </div>
                 <!-- tip: Nerconeはてとらさんのことが好きすぎるためライバルは積極的に潰そうとします。 -->
                 <!-- tip of tip: ただし想像以上に強いライバルが現れると勝てないとわかり悲しくなって1日ぐらい現実世界からログアウトします。 -->
                 <!-- tip of tip of tip: なのでNerconeには優しくしてください -->
diff --git a/public/projects.html b/public/projects.html
index c15f1a2..82e7b66 100644
--- a/public/projects.html
+++ b/public/projects.html
@@ -6,33 +6,51 @@
 {% block content %}
             <p class="font-small font-bold"><a href="/" class="text-no-decoration">← ホーム</a></p>
             <div id="os" class="block">
-                <h3>NerconeOS</h3>
-                <p>カーネルレベルからの自作OS (とりあえず計画/設計中)</p>
-                <p><a href="https://github.com/nercone-os/nercone-os/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a></p>
+                <h3 style="margin-bottom: 0px;">NerconeOS</h3>
+                <p style="margin-top: 0px;">カーネルレベルからの自作OS (とりあえず計画/設計中)</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#os" class="text-no-decoration font-bold">os</a>
+                    <a href="https://github.com/nercone-os/nercone-os/" class="text-no-decoration">github</a>
+                </div>
             </div>
             <div id="fastget" class="block">
-                <h3>FastGet</h3>
-                <p>HTTPのRangeヘッダーを利用した並列ダウンローダ(CLIツール)</p>
-                <p><a href="https://github.com/nercone-dev/nercone-fastget/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a> <a href="https://pypi.org/project/nercone-fastget/" class="text-white">PyPI</a></p>
+                <h3 style="margin-bottom: 0px;">FastGet</h3>
+                <p style="margin-top: 0px;">HTTPのRangeヘッダーを利用した並列ダウンローダ(CLIツール)</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#fastget" class="text-no-decoration font-bold">fastget</a>
+                    <a href="https://github.com/nercone-dev/nercone-fastget/" class="text-no-decoration">github</a>
+                </div>
             </div>
-            <div id="nersh" class="block">
-                <h3>SpeedClone</h3>
-                <p>ちょっと速い気がしなくもないgitのクローンツール</p>
-                <p><a href="https://github.com/nercone-dev/speedclone/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a></p>
+            <div id="speedclone" class="block">
+                <h3 style="margin-bottom: 0px;">SpeedClone</h3>
+                <p style="margin-top: 0px;">ちょっと速い気がしなくもないgitのクローンツール</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#speedclone" class="text-no-decoration font-bold">speedclone</a>
+                    <a href="https://github.com/nercone-dev/speedclone/" class="text-no-decoration">github</a>
+                </div>
             </div>
             <div id="gatepass" class="block">
-                <h3>GatePass</h3>
-                <p>macOS向け実行ファイル隔離解除ツール</p>
-                <p><a href="https://github.com/nercone-dev/gatepass/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a></p>
+                <h3 style="margin-bottom: 0px;">GatePass</h3>
+                <p style="margin-top: 0px;">macOS向け実行ファイル隔離解除ツール</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#gatepass" class="text-no-decoration font-bold">gatepass</a>
+                    <a href="https://github.com/nercone-dev/gatepass/" class="text-no-decoration">github</a>
+                </div>
             </div>
             <div id="ypsh" class="block">
-                <h3>YPSH Language</h3>
-                <p>自作プログラミング言語</p>
-                <p><a href="https://github.com/nercone-dev/ypsh/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a></p>
+                <h3 style="margin-bottom: 0px;">YPSH Language</h3>
+                <p style="margin-top: 0px;">自作プログラミング言語</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#ypsh" class="text-no-decoration font-bold">ypsh</a>
+                    <a href="https://github.com/nercone-dev/ypsh/" class="text-no-decoration">github</a>
+                </div>
             </div>
-            <div id="zetallm" class="block">
-                <h3>Zeta LLM</h3>
-                <p>自作LLM</p>
-                <p><a href="https://github.com/nercone-dev/zeta-llm/" target="_blank" rel="noopener noreferrer" class="text-white">GitHub</a></p>
+            <div id="zeta-llm" class="block">
+                <h3 style="margin-bottom: 0px;">Zeta LLM</h3>
+                <p style="margin-top: 0px;">自作LLM</p>
+                <div class="flex font-small text-tx-alt">
+                    <a href="#zeta-llm" class="text-no-decoration font-bold">zeta-llm</a>
+                    <a href="https://github.com/nercone-dev/zeta-llm/" class="text-no-decoration">github</a>
+                </div>
             </div>
 {% endblock %}
diff --git a/public/public-key.html b/public/public-key.html
index 63d4e7a..6070d6f 100644
--- a/public/public-key.html
+++ b/public/public-key.html
@@ -5,12 +5,16 @@
 {% block description %}NerconeのPGP公開鍵とそのフィンガープリント{% endblock %}
 {% block content %}
             <p class="font-small font-bold"><a href="/" class="text-no-decoration">← ホーム</a></p>
-            <h3 style="margin-bottom: 0px;"><a href="mailto:nercone@nercone.dev" class="text-no-decoration">Nercone &lt;nercone&#64;nercone.dev&gt;</a></h3>
-            <a href="/assets/pgp/nercone.asc" class="text-no-decoration" download>Download</a>
-            <pre>-----BEGIN PGP PUBLIC KEY BLOCK-----<br><br>mDMEaZNZjBYJKwYBBAHaRw8BAQdAUSCDOhESmGQBqA9BXpmmB6tYAvzwPt+5pEjJ<br>UDl9rEO0Nk5lcmNvbmUgKGZvcm1lcmx5IERpYW1vbmRHb3RDYXQpIDxuZXJjb25l<br>QG5lcmNvbmUuZGV2PoiTBBMWCgA7FiEEc5Q3UzpWjrjbmTU3UFzPN/mj6OkFAmmT<br>WYwCGwMFCwkIBwICIgIGFQoJCAsCBBYCAwECHgcCF4AACgkQUFzPN/mj6OkjVgD/<br>ZSTmQCQ0R4JShXU74Onftlm0wYqj6+8E9C13OVC/Rx8A/iQIvmXZe9zfEslmFS7V<br>oWFegRuDoqLACL7BZUx/2r0MuDgEaZNZjBIKKwYBBAGXVQEFAQEHQPAgLyhydOum<br>8vtTBa/46VH5B29v0DnNEUCmHYnHn3EMAwEIB4h4BBgWCgAgFiEEc5Q3UzpWjrjb<br>mTU3UFzPN/mj6OkFAmmTWYwCGwwACgkQUFzPN/mj6OmgXQD/Umyya1slJclVhI/+<br>IHmvak+E6LMRcnr6r6ybY57iEK4BAOA/CMuOE718KYm0yqVSV8lK5ym1G/1BDwml<br>ZjQEF4sK<br>=qeqQ<br>-----END PGP PUBLIC KEY BLOCK-----</pre>
-            <pre>7394 3753 3A56 8EB8 DB99 3537 505C CF37 F9A3 E8E9</pre>
-            <h3 style="margin-bottom: 0px;"><a href="mailto:nenaicone@nercone.dev" class="text-no-decoration">Nenaicone &lt;nenaicone&#64;nercone.dev&gt;</a></h3>
-            <a href="/assets/pgp/nenaicone.asc" class="text-no-decoration" download>Download</a>
-            <pre>-----BEGIN PGP PUBLIC KEY BLOCK-----<br><br>mDMEaZQeWxYJKwYBBAHaRw8BAQdALmr++RYnSeciGId1NrX7p98szIfBEbv/nRCl<br>lb9+UhK0O05lbmFpY29uZSAoZm9ybWVybHkgRGlhbW9uZEdvdENhdDIpIDxuZW5h<br>aWNvbmVAbmVyY29uZS5kZXY+iJMEExYKADsWIQQS6Kz4FKR/rWdwzS0/G6dMBRxh<br>NwUCaZQeWwIbAwULCQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRA/G6dMBRxh<br>N1/PAP0T/zNoMug90X6wJn3UDsEAndWFsLYn0RRHdE2IFujL6QD+Iq2qnTF4ljjd<br>3eWv9x5T/UEoGo+0texh1DUI4VJriQm4OARplB5bEgorBgEEAZdVAQUBAQdAKH7y<br>MF16gPhz61eQfWkLELKWeDO9uzYoFqFEDw+5ux4DAQgHiHgEGBYKACAWIQQS6Kz4<br>FKR/rWdwzS0/G6dMBRxhNwUCaZQeWwIbDAAKCRA/G6dMBRxhNxaNAQDoZQw1S7nd<br>hjBtgQtmAoGwGjD3NBha/h1c2Pw9E5APsAD/WeFwkawAsBfW8nYIIx2HIDhTgpBY<br>5mu22bFyMHzKNQo=<br>=0sUi<br>-----END PGP PUBLIC KEY BLOCK-----</pre>
-            <pre>12E8 ACF8 14A4 7FAD 6770 CD2D 3F1B A74C 051C 6137</pre>
+            <div id="nercone" class="block">
+                <h3 style="margin-bottom: 0px;"><a href="mailto:nercone@nercone.dev" class="text-no-decoration">Nercone &lt;nercone&#64;nercone.dev&gt;</a></h3>
+                <a href="/assets/pgp/nercone.asc" class="text-no-decoration" download>Download (.asc)</a>
+                <pre>-----BEGIN PGP PUBLIC KEY BLOCK-----<br><br>mDMEaZNZjBYJKwYBBAHaRw8BAQdAUSCDOhESmGQBqA9BXpmmB6tYAvzwPt+5pEjJ<br>UDl9rEO0Nk5lcmNvbmUgKGZvcm1lcmx5IERpYW1vbmRHb3RDYXQpIDxuZXJjb25l<br>QG5lcmNvbmUuZGV2PoiTBBMWCgA7FiEEc5Q3UzpWjrjbmTU3UFzPN/mj6OkFAmmT<br>WYwCGwMFCwkIBwICIgIGFQoJCAsCBBYCAwECHgcCF4AACgkQUFzPN/mj6OkjVgD/<br>ZSTmQCQ0R4JShXU74Onftlm0wYqj6+8E9C13OVC/Rx8A/iQIvmXZe9zfEslmFS7V<br>oWFegRuDoqLACL7BZUx/2r0MuDgEaZNZjBIKKwYBBAGXVQEFAQEHQPAgLyhydOum<br>8vtTBa/46VH5B29v0DnNEUCmHYnHn3EMAwEIB4h4BBgWCgAgFiEEc5Q3UzpWjrjb<br>mTU3UFzPN/mj6OkFAmmTWYwCGwwACgkQUFzPN/mj6OmgXQD/Umyya1slJclVhI/+<br>IHmvak+E6LMRcnr6r6ybY57iEK4BAOA/CMuOE718KYm0yqVSV8lK5ym1G/1BDwml<br>ZjQEF4sK<br>=qeqQ<br>-----END PGP PUBLIC KEY BLOCK-----</pre>
+                <pre>7394 3753 3A56 8EB8 DB99 3537 505C CF37 F9A3 E8E9</pre>
+            </div>
+            <div id="nenaicone" class="block">
+                <h3 style="margin-bottom: 0px;"><a href="mailto:nenaicone@nercone.dev" class="text-no-decoration">Nenaicone &lt;nenaicone&#64;nercone.dev&gt;</a></h3>
+                <a href="/assets/pgp/nenaicone.asc" class="text-no-decoration" download>Download (.asc)</a>
+                <pre>-----BEGIN PGP PUBLIC KEY BLOCK-----<br><br>mDMEaZQeWxYJKwYBBAHaRw8BAQdALmr++RYnSeciGId1NrX7p98szIfBEbv/nRCl<br>lb9+UhK0O05lbmFpY29uZSAoZm9ybWVybHkgRGlhbW9uZEdvdENhdDIpIDxuZW5h<br>aWNvbmVAbmVyY29uZS5kZXY+iJMEExYKADsWIQQS6Kz4FKR/rWdwzS0/G6dMBRxh<br>NwUCaZQeWwIbAwULCQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRA/G6dMBRxh<br>N1/PAP0T/zNoMug90X6wJn3UDsEAndWFsLYn0RRHdE2IFujL6QD+Iq2qnTF4ljjd<br>3eWv9x5T/UEoGo+0texh1DUI4VJriQm4OARplB5bEgorBgEEAZdVAQUBAQdAKH7y<br>MF16gPhz61eQfWkLELKWeDO9uzYoFqFEDw+5ux4DAQgHiHgEGBYKACAWIQQS6Kz4<br>FKR/rWdwzS0/G6dMBRxhNwUCaZQeWwIbDAAKCRA/G6dMBRxhNxaNAQDoZQw1S7nd<br>hjBtgQtmAoGwGjD3NBha/h1c2Pw9E5APsAD/WeFwkawAsBfW8nYIIx2HIDhTgpBY<br>5mu22bFyMHzKNQo=<br>=0sUi<br>-----END PGP PUBLIC KEY BLOCK-----</pre>
+                <pre>12E8 ACF8 14A4 7FAD 6770 CD2D 3F1B A74C 051C 6137</pre>
+            </div>
 {% endblock %}