A modern, responsive Google Blogger template inspired by the Squarespace Fillmore design aesthetic.

First Claude Code project to update blogger template.

• Clean, Minimalist Design: Professional layout with modern typography and spacing
• Responsive Navigation: Sticky header with dropdown menus and mobile hamburger menu
• Hero Section: Eye-catching homepage banner with call-to-action buttons
• Grid Layout: Beautiful card-based blog post layout with featured images
• Smooth Animations: Subtle hover effects and fade-in animations
• Sidebar Widgets: Search, popular posts, and categories
• Modern Footer: Multi-column layout with newsletter signup
• Fully Responsive: Optimized for desktop, tablet, and mobile devices
• SEO Friendly: Clean semantic HTML structure
• Fast Loading: Minimal dependencies and optimized CSS

1. Log in to your Blogger account
2. Go to Theme → Backup/Restore
3. Click Upload and select the fillmore-blogger-template.xml file
4. Click Upload to apply the template to your blog

The template uses CSS custom properties for easy color customization. Edit the following variables in the CSS:

:root {
  --primary-color: #000;        /* Main text and headings */
  --secondary-color: #fff;      /* Background color */
  --accent-color: #0066cc;      /* Links and buttons */
  --text-color: #333;           /* Body text */
  --light-gray: #f5f5f5;        /* Light backgrounds */
  --border-color: #e0e0e0;      /* Borders */
}

Edit the navigation links in the HTML section to customize your menu items and dropdown content.

The hero section appears only on the homepage. Customize the title, subtitle, and button text/links in the template.

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers

This template is free to use for personal and commercial projects. Attribution is appreciated but not required.

Inspired by the Squarespace Fillmore template design principles.

Note: This is an independent project and is not affiliated with or endorsed by Squarespace.