SpindleSpindle

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

関連資料

Resources

試験結果

  • Ameba ウェブアクセシビリティ方針

ガイドライン

  • Ameba Accessibility Guidelines
  • Web Content Accessibility Guidelines (WCAG) 2.1
  • WCAG 2.0 解説書

記事

  • 2021年、アメブロのアクセシビリティを振り返る
  • 2022年、Amebaブログのアクセシビリティを振り返る
  • Amebaアプリのアクセシビリティに関する取り組み
  • 新卒配属後31件のアクセシビリティ改善をした話
  • Amebaブログが、全ての達成基準でレベルAに適合するまで

SpindleSpindle

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

テーマを切り替える

Spindleについて

  • メディアキット

ブランド

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

コンポーネント

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

原則

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

スタイル

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

© CyberAgent, Inc.