Created in Birmingham

Blog about the creative and cultural city of Birmingham.

When: 2006
Role: Co-founder
Outcome: Guardian Media Award - Best Blog; UK Blog Awards - Best Blog.

Pete Ashton and I had an idea to do a blog about creativity in the city. I'd just written an article for Channel 4 where I talked about the idea of a brand for the city being 'Created in Birmingham' as an extension to the old 'Made in Birmingham' stamp that established its reputation as a place of manufacturing. Combined the two, got some money to start it, then didn't have very much to do with it other than being generally proud and telling everyone about it.

Screenshot 1 of 2, Created in Birmingham

Screenshot 2 of 2, Created in Birmingham

Made at 3form.

Around the same time

Svarte Greiner — KniveMusic · 2006
Xela — The Dead SeaMusic · 2006
Ryan TeagueWriting · 2006
Channel 4 IdeasFactory / Nesta - “Photo Finish”Writing · 2006

Earlier in projects: V&A Arts and Crafts. Later in projects: Emily Quinton Photography.

/* No script, no button and no pill: the header sits in the page as the plain bar, every room in the row, and the body keeps its own top padding. */ /* grouped: the same idea, and why this block now names two layouts. Its rooms sit behind the More button, so with no script to open it they have to be a plain second line instead. float needs no equivalent — its bar renders every room already, and its rules below hide .site-more outright. */ :root[data-fx-nav-layout="grouped"] .site-more-button { display: none; } :root[data-fx-nav-layout="grouped"] .site-more .site-more-list { display: flex; position: static; flex-wrap: wrap; gap: 0.5rem 1rem; min-width: 0; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; } :root[data-fx-nav-layout="float"] header.site-header { position: static; width: auto; height: auto; margin: 0 0 2.5rem; padding: 0; flex-wrap: wrap; align-items: baseline; background: none; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } :root[data-fx-nav-layout="float"] body.py-8 { padding-top: 2rem; } :root[data-fx-nav-layout="float"] .site-header .site-nav { flex-wrap: wrap; } :root[data-fx-nav-layout="float"] .site-header .site-nav > a { display: inline; } :root[data-fx-nav-layout="float"] .site-more { display: none; } :root[data-fx-nav-layout="float"] .site-header .site-title, :root[data-fx-nav-layout="float"] .site-header .site-title:has(> span) { max-width: none; opacity: 1; margin-right: 0; visibility: visible; }