Mujuryoku

11ty Photographer Starter Kit

A fast, themeable starter for portfolio websites. Use the overview below to inspect features, starter pages, and source structure.

Open Source 6 Themes Isolated /demo Route Responsive Layouts Fast Static Output
View Repository Read Setup Guide Open Portfolio Page

Overview At a Glance

Key project facts you usually need before cloning or customizing.

6

Theme Variants

Switch visual direction quickly without changing content files.

7

Starter Pages

Core marketing and portfolio pages included out of the box.

100%

Static Output

Eleventy generates fast, host-friendly static files.

MIT

License

Commercial and personal use with permissive terms.

What This Demo Shows

The demo route is intentionally separate from starter pages so you can remove it without touching your production content.

Content is data-driven from src/_data, page templates live in src/pages, and demo-only assets stay scoped to src/demo and demo-images.

Theme previews, starter-page links, and technical notes below are designed as a quick onboarding checklist for new users.

Architecture

Demo and Starter are cleanly separated

Core Features

Everything needed to launch and iterate on a photography starter site.

TH

Theme Variants

Six curated themes let you choose a strong base style before visual fine-tuning.

RS

Responsive Layout

Mobile-first templates scale cleanly from phones to desktop screens.

PF

Fast Output

Static generation with Eleventy keeps pages lightweight and easy to host.

SEO

SEO Ready

Metadata structure and semantic markup are preconfigured for discoverability.

CMP

Reusable Components

Nunjucks components reduce duplication and keep section updates predictable.

MD

Markdown Blog

Create posts in Markdown and publish through the built-in blog listing.

Theme Showcase

Preview the six included visual directions.

Grid

Swiss

Grid-led typography for clean, modern portfolios.

Preview Theme
Shapes

Bauhaus

Geometric composition with strong blocks and contrast.

Preview Theme
Contrast

Dark Bold

Dark, high-contrast presentation for dramatic visual work.

Preview Theme
Mono

Monochrome

Monochrome styling that keeps focus on image content.

Preview Theme
Editorial

Newspaper

Editorial-inspired style referencing classic print layouts.

Preview Theme
Bold

In Your Face

Energetic visuals for loud, high-impact branding.

Preview Theme

Project Structure

Jump directly to the source folders used most during customization.

DM

Demo Route Source

Templates for the isolated demo overview route.
PG

Starter Pages

Production-ready page templates for site content.
DT

Data Files

Centralized text/content settings and navigation data.
RD

README Guide

Setup, deployment, and customization documentation.

Quick Start

From clone to local preview in a few steps.

1

Clone Repository

Copy the starter repository to your local machine.

2

Install Dependencies

Install required packages once with npm.

3

Run Dev Server

Start local development at localhost:8080.

4

Customize Content

Update metadata and content in src/_data, then adjust templates if needed.

5

Build

Generate static output for deployment.

Quick Start Commands
# Clone repository
git clone https://github.com/viarami/mujuryoku.git

# Enter project
cd mujuryoku

# Install dependencies
npm install

# Start development
npm run dev

# Production build
npm run build

Starter Pages

Primary routes included in the starter site.

DM

Demo Overview

Complete project overview, themes, and setup steps.
PF

Portfolio

Image gallery with categories and lightbox behavior.
AB

About

Photographer story, profile, and experience.
SV

Services

Service details and booking process overview.
PR

Pricing

Package tiers and pricing comparison cards.
BG

Blog

Markdown-based posts with paginated listing.
CT

Contact

Contact details and starter Formspree integration.

Technical Overview

Stack details and implementation notes.

Stack

  • Static Site Generator Eleventy (11ty)
  • Template Engine Nunjucks
  • Styling Plain CSS
  • JavaScript Vanilla JS

Capabilities

  • Themes 6 Included
  • Pages Home, Portfolio, About, Services, Pricing, Blog, Contact
  • Blog Markdown Posts
  • Deploy GitHub Pages Ready

Quality

  • Responsive Yes
  • SEO Meta Yes
  • Open Graph Yes
  • Structured Data Included for /demo/

Project Notes

  • License MIT
  • Codebase Open Source
  • Beginner Friendly Yes
  • Demo Isolation Separate src/demo route

Ready To Build Your Version?

Use the starter as your base, then keep or remove the isolated demo route based on your project needs.

Use Repository Open Portfolio