厳選・オープン・無料
Majacerar
高級製品とブランドデザインワークを紹介する洗練されたデザインポートフォリオ
PortfolioEditorialCleanRefinementTypography
01
デザイン DNA
ミニマリストエディトリアルプロフェッショナルクリーン
レイアウトとネガティブスペースに焦点を当てた洗練されたギャラリーポートフォリオ
02
カラー
#111111Ink
#ffffffBG
#bb1111Muted
rgba(17, 17, 17, 0.1)Line
抑制されたトーンを戦略的に使用した高コントラストモノクローム
03
タイポグラフィ
geometric-sans
- display
56px · 400 - body
19px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
主要セクション間の48pxのギャップに基づいた垂直リズム
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 64px
pill · 999px
1px solid rgba(17, 17, 17, 0.1) の水平区切り線
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
3カラムヘッダーレイアウト、豊かな余白を持つ1カラムのプロジェクトセクション
07
モーションとインタラクション
220msmicro
400mssmall
900msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
要素がビューポートに入る際の0.9秒の滑らかなease-outトランジション
インタラクティブ要素上の微妙なカーソルポインタ · 滑らかなトランジションによる即座の応答
08
コンポーネント
- button ホバートランジションを伴うミニマルなテキストベースのナビゲーション
- card 大きなイメージとミニマルなテキストオーバーレイを備えたプロジェクトショーケースカード
- hero 経歴テキストとプロジェクトカテゴリ分けを含む広々としたヘッダー
09
文体と禁止事項
- トーン プロフェッショナルで洗練され、控えめ
- 見出し 装飾のないクリーンで直接的な情報提供
- CTA 伝統的なボタンスタイルのないミニマルなテキストリンク
- 彩度の高い色を使わない — スクリーンショットは白い背景のモノクロームパレットを示している
- ドロップシャドウを追加しない — スクリーンショットは完全にフラットなデザインを示している
- 太いフォントウェイトを使わない — スクリーンショットは一貫して400ウェイトを使用している
- 密集したレイアウトを作らない — スクリーンショットは要素間の十分な余白を示している
- 主要な要素に角丸を使わない — スクリーンショットは特定の要素にのみ64pxの角丸を使用している
- 複数のアクセントカラーを含めない — スクリーンショットは主要なアクセントカラーを使用していない
- 避ける: 派手な色
- 避ける: 複雑なアニメーション
- 避ける: 装飾要素
- 避ける: 詰め込まれたレイアウト
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これはサンフランシスコを拠点とするブランドアイデンティティとデジタルプロダクトデザインを専門とするデザイナーMaja Cerarの洗練されたデザインポートフォリオです。デザインは#ffffffの背景と#111111のテキストを用いたモノクロームパレット、ボディサイズ19.2px、ウェイト400の幾何学サンセリフ書体を特徴としています。主な特徴には、豊かな余白、文字間隔の詰められた56pxの大きなディスプレイタイポグラフィ、およびミニマルな視覚要素が含まれます。レイアウトは3カラムヘッダー構造と水平区切り線を備えた1カラムのプロジェクトセクションを使用しています。重要なデザインルールには、彩度の高い色の回避、すべてのウェイトを400に維持、セクション間の大きなギャップ(48px)の維持、および伝統的なボタンコンポーネントのないテキストベースのナビゲーションのみの使用が含まれます。全体的な美学は、滑らかな0.9秒のトランジションを備えたクリーンでプロフェッショナル、ギャラリーのようなものです。
en · zh-CN · zh-TW · ja · ko