たきつぼ

つくったもの

こもれび差し込む森の木の葉のモックアップ画像

こもれび差し込む森の木の葉はてなブログテーマ

制作期間:2か月

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

こもれび差し込む森の木の葉にアクセス
こもれび差し込む森の木の葉のファーストビュー

シンプルで上品なデザイン

私ははてなブログに対してシンプル、上品なイメージを持っていました。

はじめてのテーマ作成となったこの作品。無地の白をベースに、アクセントカラーは必要最低限の箇所に、余白を広くとるなど、ムダな装飾を省きシンプルかつ上品なデザインにしました。

木の葉の写真から色を抽出

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

他のテーマ「ひので」「さくら」同様、実際に撮影した写真から色を抽出し、アクセントカラーの緑色に落とし込んでいます。

緑はヒーリング効果やフレッシュさを与えるほか、2011年サービス開始と比較的新しいはてなブログのフレッシュさを伝えることも目的です。

HTMLコードをコピペするだけで実装可能なコンポーネント

独自のコンポーネントを提供

当テーマにはあらかじめCSSを記述しておき、ユーザーがHTMLコードをコピペするだけで使用できる、「ボトムナビ」や「記事下プロフィール」「シェアボタン」など、独自のコンポーネントが用意されています。

※現在はHTMLコードの提供は終了しています。

こもれび差し込む森の木の葉のスクリーンショット

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

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

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

こもれび差し込む森の木の葉のモックアップ画像

レスポンシブ対応

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