厳選・オープン・無料
Bizar Ro
大胆なタイポグラフィと鮮明な単色を用いた、高級でアバンギャルドな美学を追求する、実験的ポートフォリオ。
PortfolioExperimentalBold TypographyMonochromePremium
01
デザイン DNA
boldexperimentaleditorialhigh-contrastcustom
ハイファッションのエディトリアルマガジン
02
カラー
#FFFFFFInk
#000000BG
rgba(255,255,255,0.1)Line
鮮明な単色
03
タイポグラフィ
geometric-sans
- display
75px · 400 - heading
37px · 400 - subheading
30px · 400 - body
13px · 400
全テキストは大文字 · 大きなテキストには負の文字間隔を適用 · ディスプレイテキストにはタイトな行間を設定
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
18.75pxのパディング値を基にした8pxグリッド
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 5px
lg · 8px
pill · 999px
1px solid white
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
巨大なタイポグラフィ要素を持つ非対称な大きなブロック
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
滑らかなフェードイン · スクロールトリガーによるreveal
インタラクティブ要素に対する微細なスケールまたはカラー変化 · 最小限のアニメーションによる即座のフィードバック
08
コンポーネント
- button シンプルで、テキストベースまたはミニマルなピル型ボタン
- card 鮮明なボーダーを持つ高コントラストカード
- chip 高コントラストの最小限のタグまたはチップ
- input 最小限で高コントラストなインプットフィールド
- hero フルスクリーンでインパクトのあるタイポグラフィヒーロー
09
文体と禁止事項
- トーン 自信に満ち、大胆で実験的
- 見出し 短く、インパクトがあり、大文字
- CTA 直接的で行動を促す
- 角丸は使用しない — スクリーンショットには鋭い幾何学的形状が示されている
- 複数の色は使用しない — スクリーンショットには厳格な黒と白が示されている
- 小さく控えめなタイポグラフィは使用しない — スクリーンショットには巨大で支配的な文字が示されている
- 装飾的な要素は使用しない — スクリーンショットには鮮明でミニマルなビジュアルが示されている
- セリフフォントは使用しない — スクリーンショットには幾何学的なサンセリフが示されている
- 雑然としたレイアウトは使用しない — スクリーンショットには大きく空いたスペースが示されている
- 避ける: playfulな表現
- 避ける: 過度な感嘆符
- 避ける: 受動態
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これはクリエイティブテクノロジスト向けの、大胆で実験的なポートフォリオサイトです。純黒(#000000)と白(#FFFFFF)による鮮明な単色パレットを使用しています。タイポグラフィは、タイトな負の文字間隔と大文字テキストを持つ巨大な幾何学サンセリフ(FK Grotesk Neue)が支配的です。レイアウトは非対称でミニマルであり、大きなタイポグラフィ要素によってビジュアルインパクトを生み出します。主要な特徴には、実験的な文字フォームを持つカスタムロゴ、高コントラストのボーダー、高級感のあるアバンギャルドな美学が含まれます。角丸、複数の色、小さなタイポグラフィ、装飾的要素、セリフフォント、雑然としたレイアウトは避けてください。
en · zh-CN · zh-TW · ja · ko