Jekyll2026-04-10T06:31:56+00:00/feed.xmlOwn Your WebsiteA simple, modern template for building your own website.Customizing Your Design2024-02-01T00:00:00+00:002024-02-01T00:00:00+00:00/blog/customizing-your-designOne of the best parts of owning your website is making it uniquely yours. This template uses Tailwind CSS with custom theme variables, making customization straightforward.

The Color System

All colors are defined in assets/css/tailwind.css using the OKLCH color format. This modern color space provides more perceptually uniform colors and wider gamut support.

Changing Your Primary Color

To change your primary brand color, edit the @theme block:

@theme {
  --color-primary-500: oklch(0.58 0.22 265);
  --color-primary-600: oklch(0.50 0.22 265);
  /* ... */
}

The three values represent:

  • Lightness (0-1): How light or dark the color is
  • Chroma (0-0.4): Color intensity/saturation
  • Hue (0-360): The color angle (red=0, green=145, blue=265)

Typography

The template uses the Public Sans font family, a clean and modern typeface. You can swap this for any other web font by updating the @font-face declarations.

Components

Visit the design system page to see all available components:

  • Buttons in various styles and sizes
  • Cards and containers
  • Form elements
  • Alerts and notifications
  • Spacing and shadow scales

Building Your CSS

After making changes, rebuild the CSS:

npm run build:css

This compiles your Tailwind styles and includes only the classes you’re actually using, keeping your CSS file small and fast.

Tips for Good Design

  1. Stick to your palette - Use your defined colors consistently
  2. Maintain hierarchy - Use size and weight to show importance
  3. Whitespace matters - Don’t be afraid of empty space
  4. Test on mobile - Most visitors will be on phones

Happy customizing!

]]>Your NameGetting Started With Your Own Website2024-01-15T00:00:00+00:002024-01-15T00:00:00+00:00/blog/getting-started-with-your-own-websiteTaking control of your online presence starts with owning your own website. Unlike social media platforms where algorithms decide who sees your content, your website is truly yours.

Why Build Your Own Website?

There are several compelling reasons to manage your own website:

  1. Ownership - Your content lives on your domain, not someone else’s platform
  2. No algorithms - Visitors see exactly what you publish, in the order you choose
  3. Longevity - Social platforms come and go, but your domain is yours forever
  4. Flexibility - Complete control over design, layout, and functionality

Getting Started

This template makes it easy to get started:

  1. Fork the repository on GitHub
  2. Customize the colors in assets/css/tailwind.css
  3. Update the content in your pages
  4. Deploy to GitHub Pages (free!) or your preferred host

Customizing Your Site

Check out the design system to see all the available colors, typography, and components. The theme uses CSS custom properties, making it simple to change the entire color palette by editing a few values.

What’s Next?

Once you have your site running, you can:

  • Add more pages for different sections
  • Write blog posts to share your thoughts
  • Connect your custom domain
  • Add analytics to understand your visitors

The possibilities are endless when you own your platform.

]]>Your Name