厳選・オープン・無料

Charlielemaignan

巨大で表現主義的なタイポグラフィと、鮮明なハイコントラストのカラーパレットで定義される、実験的なグラフィックデザインポートフォリオ。

TypographyPortfolioBold TypographyDesign ToolsExpressive
Charlielemaignan のスクリーンショット
↓ デザインシステムをダウンロード (6 MB)OpenDesign で開く

オリジナル: http://charlielemaignan.com

📦 パックの中身を見る →

01

デザイン DNA

表現主義的タイポグラフィ実験的グラフィックデザインポートフォリオ

大胆で実験的なタイポグラフィと、鮮やかでハイコントラストなビジュアルを紹介するグラフィックデザイナーの個人ポートフォリオ。

02

カラー

#FFFFFFInk
#838383Ink soft
#000000BG
rgba(255,255,255,1.0)Line

ハイコントラストなモノクロームをベースとし、ポートフォリオ画像を通じて鮮やかでプロジェクト固有の色を導入します。

03

タイポグラフィ

geometric-sans · neue-haas-grotesk

04

余白

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

大きなタイポグラフィ要素を強調するための、リラックスした中央揃えレイアウトと豊かな余白。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

ピルボタンには2px solid #FFFFFF。それ以外はボーダーなし。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

幅全体で縦に積み重ねられたセクション、中央揃えのコンテンツ、そして大きなヒーローロゴが支配的。

07

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

100msmicro
300mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

インタラクティブ要素の滑らかなトランジション。 · カスタムカーソルアニメーション。

インタラクティブ要素は0.3秒にわたる滑らかで繊細なトランジションを備えています。 · 即座の視覚的フィードバック。

08

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

これは、鮮明なハイコントラストのモノクロームベースと巨大で表現主義的なタイポグラフィが特徴の、実験的なグラフィックデザインポートフォリオです。デザインは黒い背景 (#000000) と白いテキスト (#FFFFFF) を使い、大胆な視覚的インパクトを生み出しています。プライマリフォントカテゴリは、ディスプレイ要素には geometric-sans、本文には grotesque-sans です。主要なインタラクティブ要素は、白いボーダーを持つピル型ボタンです。レイアウトは疏で中央揃え이며、大きなカスタムデザインのタイポグラフィロゴに注目を集めます。重要な禁止事項: 繊細または抑制された色の使用を避け、標準的または一般的なタイポグラフィを避け、ボタンにシャープな角を避け、雑然とした複雑なレイアウトを避け、従来のグリッド構造を避け、小さく安全なフォントサイズを避けること。

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

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

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

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