React Email
Obsidian Developer Workshopは、深みのあるマットブラック仕上げ、控えめなホワイトの縁取り、そして開発者向けにガラスを通して光る単一のブルーライトが特徴です。
パレット
中性
- Obsidian
#000000 - Carbon
#0f0f10 - Graphite
#27272a - Filament
#e5e7eb - Paper
#ffffff - Fog
#abafb4
タイポグラフィ
12～68ピクセル・8段階
- Inter — 交換： system-ui · 概要 400, 460, 500
- CommitMono — 交換： JetBrains Mono · 概要 400
- -apple-system — 交換： system-ui · 概要 400, 600, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 12px |
| ボタンの半径 | 8px |
| カード半径 | 12px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 80px |
| ページ幅 | 1200px |
AI がReact Emailスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Fey — ブルームバーグ・ナイトターミナル、マットブラック、蓄光フォント
- Altitude — 真夜中に発行された金融論説――薄暗い取引フロアに、真っ白なセリフ体で印刷され、細い枠線と青いアクセントだけが光を放っている。
- Axiom — 真夜中の端末ウィンドウは、真っ黒なキャンバスに等幅フォントのテキストと点滅するオレンジ色のカーソルが表示されているだけだ。
- Freshman — 黒いベルベットに描かれた映画タイトル
- Monologue — ベルベット張りの書斎に、青い光が一つ灯る。広々とした暗い部屋で、斜体セリフ体のタイトルが一つだけ目を引きつけ、ターコイズブルーの光が物語の始まりを告げる。
- Mesh — 真夜中色の紙にブロンズ色のインク。温かみのある琥珀色の線と細身のサンセリフ書体が、緻密でゆったりとした構図へと視線を導く、ダークな雰囲気の編集ページ。
- herding — 温かみのあるチャコールグレーのデスクに、ネオンカラーのアクセントが一つだけ。モノクロームのダークなUIに、鮮やかなターコイズライムの色合いがアクセントとして効いている。
- Lazy — 真夜中の原稿の組版
- AWE — 真夜中のロボット観測所。黒いギャラリーのような画面を作り出し、そこに淡い色の編集用テキストがAIで撮影された画像と小さなダッシュボードテキストの上に浮かぶように配置します。
- Graphite — 発光エンドグリッド。正確な白い文字のマーキングと、時折現れるスペクトル光の閃光によって、暗い縁取りのある製品表面を作り出します。
- Featurebase — 紫色の光に照らされたコンソール。各ページを暗く静かな舞台と想像してみてください。下端からは、製品のための光り輝く作業スペースが現れます。
- Nuxt — 深宇宙における端末の光。青黒い表面に対して緑色が電源信号として現れる、暗く閉じたインターフェース面を作成する。