7shifts
ネオンカラーのチョークでアクセントをつけた居心地の良いダイナーのカウンター。清潔感のある白と温かみのあるアイボリーの表面に、青いボタン、オレンジ色の手描きの線、ライム色のマーカーの跡が散りばめられ、時折現れる黒いストライプが色彩を際立たせる、活気に満ちたレストランのカウンター。
パレット
ブランド
- Indigo Bolt
#4570ff
中性
- Ember Orange
#ff6808 - Lime Highlighter
#c6ff94 - Lavender Mist
#ebdcff - Ice Blue
#d6e0ff - Lilac Bloom
#c293f1 - Deep Navy
#193f78
タイポグラフィ
11ピクセルから64ピクセルまで · 8段階
- Regular — 交換： Inter · 概要 400
- A geometric grotesque sans-serif (custom-marketed as the site font — Inter, Manrope, or DM Sans are close substitutes) — 交換： Inter (closest match for the geometric forms and tight tracking) · 概要 400, 500, 700
- Nanum Pen Script — 交換： Caveat · 概要 400, 500
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8-12px |
| ボタンの半径 | 9999px |
| カード半径 | 20px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 64-80px |
| ページ幅 | 1200px |
AI が7shiftsスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Duolingo — 太いマーキングラインのある緑の遊び場
- Tedy — ラズベリー色のマシュマロの世界 ― 白い背景にパステル調の表面レイヤー、そしてホットピンクがすべての緊急の仕事を担う
- Integrated Biosciences — 真夜中の生物発光実験室
- Huly — 真夜中の天文台で見るオーロラ ― 主役は紫から珊瑚色へと変化する垂直の光線で、その下の静かな各セクションは、より落ち着いたトーンで語られる同じ2色の物語を借用している。
- Dia Browser — 暗室のようなギャラリー空間が、新聞の社説と融合している。真っ暗な空間の中に、陽光が差し込む新聞の見開きページが浮かび上がり、各セクションにはセリフ体の見出しが一つずつ記されている。
- Mintlify — ガラスのテーブルの上に広がる雲の庭園。手描きの空とドキュメンタリー映像が共に額装されている――ページが修道院のような白へと消えていく前に、色彩とコンセプトがぶつかり合う唯一の場所だ。
- Say Briefly — クリーム色の紙に描かれたクリエイティブエージェンシーのスケッチブック
- Gleap — 温かみのあるクリーム色を基調に、グラファイトのアクセントを効かせたワークスペース。マットブラックのインクのドットが、リネンの建築の上に浮かんでいるように見えるスタジオ。
- ClickUp — 白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
- monday — パステルカラーのステッカーが貼られた白い工房
- Portal — トワイライトセリフエディトリアル - iOSスタイルでデザインされた、独立系雑誌のプレミアムページ
- Wise — 深い苔と石灰岩の緊張感。ほぼ黒に近い森の地面には石灰岩の火花が散り、巨大で角張った岩肌があらゆる動きを物語る。