たきつぼ

つくったもの

さくらのモックアップ画像

さくらはてなブログテーマ

制作期間:1か月

企画 / デザイン / 実装(HTML・CSS)

さくらにアクセス
初日の出の写真から抽出したグラデーション

フルスクリーンのファーストビュー

当テーマ最大の特長は、トップページにアクセスした際に表示される、フルスクリーンのファーストビュー。

大画面にブログのタイトルと説明文のみを配置することで、ユーザーのブログを訪問者に印象付けます。

また、コンテンツが下に続くことがわかるように、スクロールアニメーションもデフォルトで設置しています。

さくらのスクリーンショット画像

写真から抽出した色を使用

テーマを作成した理由として、静岡県河津町で見た河津桜が美しく、この美しさが私がはてなブログに抱く「シンプルで上品」というイメージと合致していたためです。

背景のグラデーション、アクセントの桜マークは実際に撮影した河津桜の写真から色を抽出しています。

太陽をあしらったフッターデザイン

やわらかく女性的なフォント

フォントは桜や女性らしさをイメージし、角が丸くやわらかい、上品といった印象を持つ「ZEN丸ゴシック」を、Google fontsよりデフォルトで使用しています。

さくらのモックアップ画像

アクセントに桜アイコンを使用

記事のタイトルやサイドバーのタイトルには、アクセントに桜のイラストを使用しています。

記事のタイトルには桜の花、サイドバーのタイトルには花びらを使用することで、差別化を図っています。

さくらのモックアップ画像

記事に集中できる1カラムレイアウト

記事エリアは、すべての端末で1カラムレイアウトを採用しています。

サイドバーを記事の下に配置することで、記事を閲覧する際に不必要な情報が視界に入らず、読者が記事を集中して閲覧できます。

さくらのモックアップ画像

レスポンシブ対応

パソコンのみならず、スマートフォンやタブレットなど
あらゆる端末で快適に閲覧できるよう、レスポンシブに対応しています。