ナビゲーション

コンポーネント

ダウンロード可能なアセット

適切な背景に画像を配置し、ダウンロード操作を提供します。

背景の種類

暗い背景用ロゴタイプ

明るい文字とシャンパン色から金色へ変化するマーク。

明るい文字の Master CSS ロゴタイプ

明るい背景用ロゴタイプ

暗い文字とシャンパン色から金色へ変化するマーク。

暗い文字の Master CSS ロゴタイプ

暗い背景用マーク

高さ24px以上向けの標準フラットマーク。

暗い背景用の Master CSS 金色マーク

使用箇所: the brand page.

使い方とインターフェース

DemoAsset はトレイを描画します。ヘッダーに title と description、ステージに画像、キャプションに形式バッジと ui-button スタイルのダウンロードリンクを配置します。surface="light" または "dark" はステージ自体の配色を指定するため、画像専用のシートは不要です。既定の "transparent" は市松模様のステージを使います。

<DemoAsset  title="Master CSS mark"  description="Original SVG artwork."  src="/images/logo.svg"  alt="Master CSS gold mark"  width={216.6}  height={120}  surface="dark"/>

ファイル自体は変更しません。プレビューの大きさだけを画像本来の寸法で制限します。