SpindleSpindle

  • ブランド
  • 原則
  • スタイル
  • コンポーネント
  • Spindleについて
  • 更新情報
原則
  • デザイン原則
アクセシビリティ
  • 使いづらさと使い方の例
  • 関連資料
パフォーマンス
  • チェックリスト
  • 改善の進め方
  • 関連資料
コンテンツ
  • ブランドボイス
  • 用語・表記ルール
  • UIラベリング

関連資料

Resources

記事

  • Cumulative Layout Shift in Practice
  • アメブロ2020: Get Wild
  • CLS改善をした結果事業成果がグンと上がった話

SpindleSpindle

SpindleはAmebaを作るすべての人が「Amebaらしさ」をつくるための約束ごとや、それを手助けするツールやガイドラインが揃ったデザインシステムです。

テーマを切り替える

Spindleについて

  • メディアキット

ブランド

  • ブランディングとは
  • Amebaブランド

コンポーネント

  • ステータス
  • ボタン
  • チェックボックス
  • リスト
  • モーダル
  • テキストフィールド

原則

  • デザイン原則
  • アクセシビリティ
  • パフォーマンス
  • コンテンツ

スタイル

  • カラー
  • タイポグラフィ
  • アイコン
  • イラストレーション
  • アニメーション

© CyberAgent, Inc.