
Andrei Rybin
モノクロスケッチブックとは、スマートフォンの画面をコンタクトシートのように白い壁に貼り付けた、デザイナーズノートのことである。
パレット
中性
- Paper
#ffffff - Ink
#000000 - Graphite
#858585 - Stone
#8e8e90
タイポグラフィ
12~24ピクセル・2ステップ
- sans-serif — 交換: Inter · 概要 400
- Inter — 交換: system-ui · 概要 400
- system-ui (sans-serif) — 交換: inherit Inter or use system sans · 概要 400
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 広々とした |
| 基本的なステップ | 10px |
| ボタンの半径 | 9999px |
| カード半径 | 8px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 120px |
| ページ幅 | 1440px |
AI がAndrei Rybinスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact ( Next.js )上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Caldera — 温かい石灰岩の上で鍛造する炎。キャンバスは生の温かい漆喰で、オレンジ色の各要素は、表面に押し込まれたくすぶる燃えさしのように見える。
- teenage engineering — スタジオ照明の工業カタログでは、製品がページ上で唯一の重要な対象物であり、その他すべてはその製品を中心に説明されている。
- basement — 午前3時のがらんとした印刷機――真っ暗な画面に巨大で圧縮されたフォントが広がり、ナビゲーションバーにオレンジ色の光がかすかに灯るだけ。それ以外はすべて白か、幽霊のような灰色だ。
- amra — 白い背景に虹色に輝く球体――ほぼ完全に無彩色なページの中で、ラベンダー色のアクセントだけが唯一の色のアクセントとなっており、この単一のグラデーション球体が、通常メインのイラストが担う役割を果たしている。
- Stink Studios — 真夜中の映画スタジオ――映写機が唸りを上げ、部屋は暗く、フィルムだけが照らされている。
- Uniswap Cup — eスポーツ大会の放送は模擬会場で行われる。ピンク色のマーカーで白い正方形と細い線で構成されたグリッドが描かれている。
- Freytag Anderson — 映画の幕が上がると、たった一言が表示される。巨大な動画がスクリーン全体を占め、ブランド名がタイトルのように隅に表示され、それ以外に気を散らすものは何もない。
- Integrated Biosciences — 真夜中の生物発光実験室
- Vercel — 白い紙に印刷された端末
- Mintlify — ガラスのテーブルの上に広がる雲の庭園。手描きの空とドキュメンタリー映像が共に額装されている――ページが修道院のような白へと消えていく前に、色彩とコンセプトがぶつかり合う唯一の場所だ。
- Gleap — 温かみのあるクリーム色を基調に、グラファイトのアクセントを効かせたワークスペース。マットブラックのインクのドットが、リネンの建築の上に浮かんでいるように見えるスタジオ。
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。