Page not rendering despite default template

I’m running into a weird issue with my pages not rendering at all (apart from the index).

My file structure looks like this:

/content
	/posts
		/design.md
	index.html
/layouts
	/_default
		single.html

In index.html I have the following:

<div>
	{{range .Site.Pages}}
	<li>{{.Title}} {{.Permalink}}</li>
	{{end}}
</div>

This produces a list of the right titles and links, but visiting the link gives
a 404 error.

The single.html template contains the .Title and .Content attributes so it
should be rendering correctly.

Any help is very appreciated!

You should wrap .Title in <li><a href="{{ .Permalink }}>{{ .Title }}</a></li> to output the correct link.

EDIT
Also your content structure will not output the URLs you want. Read the Docs about Content Management ----> Page Bundles