厳選・オープン・無料

Martin Laxenaire Fr

クリエイティブなウェブデザイナー向けの、ハイエナジーでタイポグラフィが大胆なポートフォリオです。

PortfolioPlayfulBold TypographyAgencyExpressive
Martin Laxenaire Fr のスクリーンショット
↓ デザインシステムをダウンロード (2 MB)OpenDesign で開く

オリジナル: https://www.martin-laxenaire.fr

📦 パックの中身を見る →

01

デザイン DNA

遊び心実験的クリエイティブエージェンシー大胆

鮮やかでインタラクティブなアート作品のようなクリエイティブエージェンシーポートフォリオです。

02

カラー

#121212Ink
#FFFFFFBG
#9D968EMuted
rgba(18, 18, 18, 1)Line

鮮やかなマルチカラーの幾何学アクセントを配した、ハイコントラストのモノクロームベースです。

03

タイポグラフィ

extended-grotesque-sans · grotesque-sans

大きなディスプレイテキストにはエクステンDED・グロテスク・サンセリフを使用します。 · 本文には標準のグロテスク・サンセリフを使用します。 · ディスプレイテキストにはタイトな文字間隔を適用します。 · ほとんどのテキスト要素には大文字変換を適用します。

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

8pxのベースグリッドを採用し、呼吸を確保するための余裕のあるパディングを設けています。

05

サーフェス (角丸 / 影 / 罫線)

sm · 4px
md · 8px
lg · 21px
pill · 999px

インタラクティブ要素とボーダーには2pxの黒の実線を使用します。

0px 4px 24px rgba(18, 18, 18, 0.1)

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

巨大な中央テキストブロックを備えたフルビューポートのヒーローセクションに続き、プロジェクト用のマルチカラムグリッドが続きます。

07

モーションとインタラクション

220msmicro
350mssmall
500msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

要素の表示にスムーズなハイイージーアウトトランジション。 · スクロール時のパララックスとスケーリング効果。 · インタラクティブな幾何学背景要素。

インタラクティブ要素のスケールとカラーのトランジションです。 · 即座のビジュアルフィードバックを伴うアクティブステートです。

08

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これはウェブデザイナー向けのクリエイティブエージェンシーポートフォリオで、大胆で遊び心があり、実験的な美学が特徴です。デザインは、鮮やかな幾何学アクセントを配したハイコントラストのモノクロームベースを使用しています。主なカラーには、背景の純白(#FFFFFF)と、テキストおよびボーダーのネアブラック(#121212)が含まれます。タイポグラフィには、ヘッドラインにエクステンDED・グロテスク・サンセリフ、本文に標準のグロテスク・サンセリフを使用し、どちらも頻繁に大文字で使用されます。重要な注意点:幅の狭いフォント、控えめなパレット、小さなテキスト、シャープな角、薄いボーダー、標準的なグリッドのみのレイアウトは避けてください。このサイトは、モーション、インタラクション、そしてウェブデザインに対する非伝統的なアプローチを重視しています。

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

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

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

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