Duolingo Styleguide

一般的なランディングページとは異なり、このテンプレートは白背景のブランドスタイルガイドシートです。ヘッダーには緑色のフクロウ風ロゴタイプ、「スタイルガイド」というラベル、カラー・タイポグラフィ・ボタン・カード・コンポーネントのリンクがあります。上部セクションには、アニメ風キャラクターの一群と緑色のフクロウのマスコットが、「無料で、楽しく、効果的に言語を学ぶ方法!」という一文、緑色の「始める」ボタン、枠線のみの「すでにアカウントをお持ちの方」ボタンとともに配置されています。その下のコンポーネント欄には、色分けされたバッジ(完了・進行中・失敗・連続・プレミアム)、購読ボタン付きのメール入力欄、トグル、緑・青・オレンジのプログレスバーが表示されています。タイポグラフィ欄には、ディスプレイ・見出し1・見出し2・本文・キャプションのサイズが一覧表示されています。学習アプリや、遊び心のあるデザインシステムをドキュメント化したい人に向いています。デモの名称や文言はすべてプレースホルダーで、ご自身のものに差し替えられます。

おすすめの用途

無料で始める · クレジットカード不要

製品

ご利用いただける方

機能

リソース

会社情報

サイトマップを見る