パレット
ブランド
- Blueprint Blue
#1d52de
中性
- Ink Black
#16191c - Carbon
#1c2024 - Slate
#7b8187 - Fog
#d1d4d9 - Paper
#f4f5f7 - Stone
#e6e8eb
タイポグラフィ
12～30ピクセル・6段階
- suisseIntl — 交換： Inter · 概要 400, 500, 600, 700
- Suisse Int'l — 交換： Inter (close) · 概要 400, 500, 600, 700
- Font Awesome 7 Jelly / Pro — 交換： Lucide or Phosphor for similar outlined density · 概要 400, 900
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8px |
| ボタンの半径 | 10px |
| カード半径 | 14px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 48px |
| ページ幅 | 1200px |
AI がHashnodeスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- 1X NEO — 1X Techは、静かなホームシアターだ。淡い色調のページに編集記事が掲載され、人々と人型ロボットが登場する映画のようなシーンが展開される。一方、インターフェース要素は、小さく間隔を空けて配置されたキャプションと柔らかなモノクロ画像にまで縮小されている。
- B150 — 未来のフィルムグレイン・マスタークラス。暗く、人間サイズの製品やクリエイターの画像に対して、明るくクリーミーな質感の編集ページを作成する。
- Captions — 陽光が差し込む編集デスク。清潔感のある白い、ややざらついた作業スペースの上に、半透明で湾曲したナビゲーションバーを配置し、淡い青色の作業面と映像のクローズアップを組み合わせる。
- Steep — 温かみのある紙におけるセリフ体フォントの分析
- Newformcap — 更衣室にある社説新聞
- Claude — 温かい羊皮紙に印刷された工芸品――骨紙にインク、粘土だけが唯一の色彩の息吹
- 11x– Digital workers — 映画のような編集上の荒廃地――風景のパノラマ写真が、高級雑誌の見開きページのような巨大なセリフ体の見出しを背景に配置されている。
- Revolut — 雲の写真をもとにしたモノクロの編集作品。白いインク、ピルボックスボタン、そしてモノクロの世界の中にぽつんと浮かぶ一本の青い線。
- Scheduling — クリーム色の紙に編集用インクで印刷
- Titan — 温かみのあるモノクロームアーカイブ
- AWE — 真夜中のロボット観測所。黒いギャラリーのような画面を作り出し、そこに淡い色の編集用テキストがAIで撮影された画像と小さなダッシュボードテキストの上に浮かぶように配置します。
- Programa — 正午のスイスのデザインスタジオ。白いギャラリーの壁は、たった一つの黄色いテーブルランプによって照らされている。すべてがグレーの濃淡で統一されているが、ボタンやアイコン、あるいはアクセントとなるものが目に留まると、そのたった一つの黄色いアクセントが部屋全体を決定づける。