Cocoon スタイル一覧 【クラシックエディター】

※このページにはプロモーションが含まれています

 

当サイトもお世話になっているCocoonのスタイル仕上がりイメージ一覧です。

 

ブロックエディターはこちら
Cocoon ブロック仕上がりイメージ【ブロックエディター】
ブロックエディターで使うCocoonのおおまかなブロック一覧を纏めました。

 

スポンサーリンク

インライン

インライン 【太字】

インライン 【赤字】

インライン 【赤太字】

インライン 【赤アンダーライン】

インライン 【青】

インライン 【青太字】

インライン 【緑】

インライン 【緑太字】

インライン 【打ち消し線】

インライン 【キーボードキー】

 

 

マーカー

黄色マーカー

赤色マーカー

青色マーカー

黄色アンダーラインマーカー

赤色アンダーラインマーカー

青色アンダーラインマーカー

 

 

ボックス(アイコン)

補足情報(i)
補足情報(?)
補足情報(!)
補足情報(メモ)
補足情報(コメント)
補足情報(OK)
補足情報(NG)
補足情報(Good)
補足情報(Bad)
補足情報(プロフィール)

 

ボックス(案内)

プライマリー(濃い水色)
セカンダリー(濃い灰色)
サクセス(薄い緑)
インフォ(薄い青)
ワーニング(薄い黄色)
デンジャー(薄い赤)
ライト(白色)
ダーク(暗い灰色)

 

 

ボックス(白抜き)

ボックス白抜き 灰色
ボックス白抜き 黄色
ボックス白抜き 赤色
ボックス白抜き 青色
ボックス白抜き 緑色

 

 

ボックス(タブ)

タブ ボックス チェック
タブ ボックス コメント
タブ ボックス ポイント
タブ ボックス ティップス
タブ ボックス ヒント
タブ ボックス ピックアップ
タブ ボックス ブックマーク
タブ ボックス メモ
タブ ボックス ダウンロード
タブ ボックス ブレイク
タブ ボックス Amazon
タブ ボックス OK
タブ ボックス NG
タブ ボックス GOOD
タブ ボックス BAD
タブ ボックス PROFILE

 

 

ボックス(付箋)

タブ 付箋 灰色
タブ 付箋 黄色
タブ 付箋 赤色
タブ 付箋 青色
タブ 付箋 緑色

 

 

バッジ

バッジ オレンジ

バッジ レッド 

バッジ ピンク 

バッジ パープル

バッジ ブルー 

バッジ グリーン

バッジ イエロー

バッジ ブラウン

バッジ グレー 

 

 

ボタン

ボタン レッド 小

ボタン ピンク 小

ボタン アンバー 小

ボタン ライム 中

ボタン グレー 中

ボタン ティール 中

 

ボタン 大

 

 

 

囲みボタン&マイクロコピー

吹き出し上(中央)

https://unity-right.com

吹き出し下(中央)

 

 

囲みカードラベル

リンク先のブロックエディターで出来る事も参考にしてください。

 

 

ボックスメニュー

 

ボックスメニューの作り方は公式サイトにて

 

 

Comment

タイトルとURLをコピーしました