Brand Guidelines
テスラジオ ブランドガイドライン
最先端を、面白く。テスラジオのブランドを正しく使用するためのガイドラインです。
デザイナーや開発者がテスラジオのアイデンティティを理解し、統一されたデザインで制作できるようサポートします。
Brand Identity
ブランドストーリー
テスラジオは、イーロン・マスクの話題を中心に、最新のテック・スタートアップ・AI情報を語るエンタメ×知識系ビデオポッドキャスト番組です。
「最先端を、面白く。」というミッションのもと、難しくて専門的な話を、おもしろくて身近な話に変換し、テクノロジーがみんなの「遊び場」になる世界を目指しています。
最先端を、面白く。
テクノロジーが、みんなの「遊び場」になる。
トーン&マナー
私たちの声
- 親しみやすく、フレンドリー
- 情熱的で、ワクワクする
- 知的で、信頼できる
- ユーモアがあり、エンタメ性が高い
避けるべき表現
- 堅苦しい、専門用語だらけ
- 退屈で、淡々としている
- 上から目線、説教的
- 過度に真面目、ユーモアがない
Design System
カラーパレット
テスラジオのブランドカラーは、ハリネズミのマスコットキャラクターをモチーフにした温かみのあるクリーム・ベージュ系の背景と、 ブラウン・キャメルを基調としたパステルカラーのアクセントを特徴としています。シンプルでクリーンなフラットデザインを採用しています。 各カラースウォッチをクリックすると、カラーコードをクリップボードにコピーできます。
Brown
--color-brown
Primary brand color (from logo spines), CTAs, links, active states
Camel
--color-camel
Primary accent (from logo body), hover states, highlights
Beige
--color-beige
Light accent, subtle highlights, borders
Accent Warm
--accent-warm
Soft warm orange, gentle highlights
Accent Sage
--accent-sage
Pastel sage green, success states, positive feedback
Accent Sky
--accent-sky
Pastel sky blue, info states, secondary links
Accent Rose
--accent-rose
Pastel dusty rose, warnings, attention
Background Primary
--bg-primary
Main background color, warm off-white
Background Secondary
--bg-secondary
Secondary backgrounds, sections, light cream
Background Tertiary
--bg-tertiary
Tertiary backgrounds, code blocks, active states
Background Card
--bg-card
Card backgrounds, elevated surfaces
Text Primary
--text-primary
Main text color, headings (from logo text)
Text Secondary
--text-secondary
Secondary text, descriptions
Text Muted
--text-muted
Muted text, captions, placeholders
Border Light
--border-light
Light borders, dividers, card outlines
Border Medium
--border-medium
Medium borders, hover states
Components
Buttons
テスラジオのボタンコンポーネント。プライマリとセカンダリの2つのスタイルがあります。
Cards
ガラスモーフィズム効果を持つカードコンポーネント。ホバーで浮き上がります。
Card Title
Card description goes here. This is an example of the glass morphism card design.
Form Elements
フォーム入力要素。フォーカス時にブルーのアクセントが表示されます。