厳選・オープン・無料

Majacerar

高級製品とブランドデザインワークを紹介する洗練されたデザインポートフォリオ

PortfolioEditorialCleanRefinementTypography
Majacerar のスクリーンショット
↓ デザインシステムをダウンロード (5 MB)OpenDesign で開く

オリジナル: https://www.majacerar.design

📦 パックの中身を見る →

01

デザイン DNA

ミニマリストエディトリアルプロフェッショナルクリーン

レイアウトとネガティブスペースに焦点を当てた洗練されたギャラリーポートフォリオ

02

カラー

#111111Ink
#ffffffBG
#bb1111Muted
rgba(17, 17, 17, 0.1)Line

抑制されたトーンを戦略的に使用した高コントラストモノクローム

03

タイポグラフィ

geometric-sans

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

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これはサンフランシスコを拠点とするブランドアイデンティティとデジタルプロダクトデザインを専門とするデザイナーMaja Cerarの洗練されたデザインポートフォリオです。デザインは#ffffffの背景と#111111のテキストを用いたモノクロームパレット、ボディサイズ19.2px、ウェイト400の幾何学サンセリフ書体を特徴としています。主な特徴には、豊かな余白、文字間隔の詰められた56pxの大きなディスプレイタイポグラフィ、およびミニマルな視覚要素が含まれます。レイアウトは3カラムヘッダー構造と水平区切り線を備えた1カラムのプロジェクトセクションを使用しています。重要なデザインルールには、彩度の高い色の回避、すべてのウェイトを400に維持、セクション間の大きなギャップ(48px)の維持、および伝統的なボタンコンポーネントのないテキストベースのナビゲーションのみの使用が含まれます。全体的な美学は、滑らかな0.9秒のトランジションを備えたクリーンでプロフェッショナル、ギャラリーのようなものです。

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

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

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

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