厳選・オープン・無料

Handwritten Danieljanus Pl

独自の手書きタイポグラフィで技術記事を紹介するミニマリストな個人ブログ。

01

デザイン DNA

Web向けにデジタル化された個人的なエンジニアリングノート。

02

カラー

最大限の可読性と集中力を実現するための、厳密な単色パレットによる絶対的なミニマリズム。

03

タイポグラフィ

handwritten-cursive · handwritten-print

• display48px · 400
• body16px · 400

すべてのテキストはベースシステムフォントとしてTimes New Romanで表示します。 · 見出しにはカーシブ（筆記体）の手書きスタイルを使用します。 · 本文には可読性を重視した印刷体の手書きスタイルを使用します。

04

余白

セクション間の適度な垂直方向の余白が、長文コンテンツに適した、リラックスした読みやすい流れを作り出します。

05

サーフェス (角丸 / 影 / 罫線)

目に見えるボーダーはなく、区切りは余白とタイポグラフィのスケールのみで実現します。

06

レイアウト

読書の快適さに最適化された、適度な余白を持つ中央揃えの単一カラムレイアウト。

07

モーションとインタラクション

アニメーションやトランジションはなく、純粋に静的なコンテンツプレゼンテーションです。

デフォルトのブラウザリンクホバー動作（下線表示）。 · カーソルがポインタに変わる標準的なリンクナビゲーション。

08

コンポーネント

• button 青色（#0000EE）のブラウザデフォルトリンク。カスタムスタイルは適用しません。
• card カードコンポーネントはなく、コンテンツは連続した文書として流れます。
• chip チップコンポーネントはありません。
• input 入力コンポーネントは表示されません。
• hero 大きなカーシブ手書きタイポグラフィでサイトタイトルを表示する、テキストのみのミニマリストなヒーローセクション。

09

文体と禁止事項

• トーン 個人的でカジュアル、会話的な文章スタイルによる技術的で詳細な内容。
• 見出し 個人的で本物のような、プライベートノートのような手書きカーシブタイトル。
• CTA 明示的なCTAはなく、ナビゲーションはインラインテキストリンクのみです。

• サンセリフフォントは使用しない — スクリーンショットでは全体的に手書きタイポグラフィが使用されています。
• カラフルなアクセントやグラデーションは追加しない — スクリーンショットでは厳密な白黒のパレットが示されています。
• カードベースのレイアウトや視覚的なコンテナは実装しない — スクリーンショットでは純粋な余白による区切りが示されています。
• 影効果や奥行きの手がかりは使用しない — スクリーンショットでは完全にフラットでボーダーレスのデザインが示されています。
• ナビゲーションバー、サイドバー、複雑なUIクロームは追加しない — スクリーンショットでは最小限の単一カラムレイアウトが示されています。
• ブラウザのデフォルトを超えるカスタムリンクスタイルは使用しない — スクリーンショットでは標準的な青色下線付きリンクが示されています。
• アニメーションやマイクロインタラクションは導入しない — スクリーンショットでは完全に静的なプレゼンテーションが示されています。
• 避ける: 企業向けの言葉遣いや形式的な技術文書スタイルは避けます。
• 避ける: 視覚的な複雑さや装飾的な要素は避けます。
• 避ける: タイポグラフィのスケール以外の、競合する複数の視覚的焦点や階層構造は避けます。

11

System Prompt

en · zh-CN · zh-TW · ja · ko