厳選・オープン・無料

Bizar Ro

大胆なタイポグラフィと鮮明な単色を用いた、高級でアバンギャルドな美学を追求する、実験的ポートフォリオ。

PortfolioExperimentalBold TypographyMonochromePremium
Bizar Ro のスクリーンショット
↓ デザインシステムをダウンロード (38 MB)OpenDesign で開く

オリジナル: https://bizar.ro

📦 パックの中身を見る →

01

デザイン DNA

boldexperimentaleditorialhigh-contrastcustom

ハイファッションのエディトリアルマガジン

02

カラー

#FFFFFFInk
#000000BG
rgba(255,255,255,0.1)Line

鮮明な単色

03

タイポグラフィ

geometric-sans

全テキストは大文字 · 大きなテキストには負の文字間隔を適用 · ディスプレイテキストにはタイトな行間を設定

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

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

Bizar Ro — 桌面首屏（hero）
桌面首屏（hero）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Bizar Ro — 移动首屏
移动首屏

実ページから取得 · 実 computed styles

11

System Prompt

これはクリエイティブテクノロジスト向けの、大胆で実験的なポートフォリオサイトです。純黒（#000000）と白（#FFFFFF）による鮮明な単色パレットを使用しています。タイポグラフィは、タイトな負の文字間隔と大文字テキストを持つ巨大な幾何学サンセリフ（FK Grotesk Neue）が支配的です。レイアウトは非対称でミニマルであり、大きなタイポグラフィ要素によってビジュアルインパクトを生み出します。主要な特徴には、実験的な文字フォームを持つカスタムロゴ、高コントラストのボーダー、高級感のあるアバンギャルドな美学が含まれます。角丸、複数の色、小さなタイポグラフィ、装飾的要素、セリフフォント、雑然としたレイアウトは避けてください。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

en · zh-CN · zh-TW · ja · ko