The Urban jekyll template helps you showcase your agency to the world. Show customers the services you offer, examples of previous work and a contact page to get in touch.


Urban is a Web Agency themed business template for Jekyll. Browse through a live demo. Increase the web presence of your agency with this configurable theme.

Urban was made by CloudCannon, the Cloud CMS for Jekyll and Hugo. The component library is built and maintained for use with Bookshop

Find more templates, themes and step-by-step Jekyll tutorials at CloudCannon Community.

Deploy to CloudCannon


  • Easy theme switching
  • Customisable themes
  • Live editing with CloudCannon
  • Component library for website building
  • Dark mode
  • Fully configurable Website
  • Pre-built pages
  • Pre-styled components
  • Client Portfolio
  • Blog
  • Post category pages
  • Staff and author system
  • Optimised for editing in CloudCannon
  • RSS/Atom feed
  • Search engine optimisation


  1. Open Website Settings > General Settings
  2. Add your website name and live domain URL
  3. Add an author to the Staff Members collection
  4. Build and adjust your website locally, or with live visual editing on CloudCannon
  5. Add any remaining options to Website Settings > General Settings if required


Urban was built with Jekyll version 4.2.0, but should support newer versions as well.

Install the dependencies for Bookshop:

$ npm install

Install the Jekyll dependencies with Bundler:

$ cd site
$ bundle install

Run the website:

$ cd ../
$ npm start


Urban is already optimised for adding, updating and removing pages, and components in CloudCannon.


  • Add, update or remove a post in the Posts collection.
  • The Staff Author field links to members in the Staff Members collection.
  • Change the defaults when new posts are created in _posts/_defaults.md.


  • When adding or removing collections, update the Explore View options within the _config.yml file. For more information see CloudCannon’s documentation on Explore Groups.

Contact Forms

  • Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. FormSpree).
  • Sends email to the address defined within the component.


  • Reused around the site to save multiple editing locations.
  • Managed as a data file to give clients better access.
  • Set in the Website Settings > Navigation section.
  • Managed as a data file to give clients better access.
  • Set in the Website Settings > Footer section.