Hand drawing on a laptop

Web Design Features

Customizable templates 

Templates in Umbraco are built on the concept of Razor views from ASP.NET MVC.
What you add to the templates is totally What makes templating in Umbraco different is automatically generated, models. Every page type you create in Umbraco can have one or multiple templates assigned allowing for flexibility in design and functionality. And once a type is created in the backoffice of Umbraco it will build a public class that makes rendering content in your templates a breeze.

 

Feature available in: 

✅  CMS: Out-of-the-box 

✅  Cloud: Out-of-the-box 

✅  Heartcore: Out-of-the-box 

Pre-built themes 

Umbraco CMS gives you the freedom to create your desired website from scratch - but what if you’re in a hurry? Or if you don’t feel comfortable starting with a blank canvas? Or maybe don’t have a developer on your team? Then we recommend starting with a pre-built theme, skin, or starter kit. If you’re creating a basic website, why not save costly development hours by using something that’s already out there? Pre-built themes come in many flavors in Umbraco - some are created and maintained by Umbraco HQ, others are created by community members, Umbraco Gold Partners, or other third-party sources.

 

Feature available in: 

✔️  CMS: Custom/Plugin/3rd party 

✔️  Cloud: Custom/Plugin/3rd party

❌  Heartcore: Not available

Mobile friendly 

Your website visitors will not just view your site from a computer or laptop - we’re sure you’re aware of this. In today’s digital world, it’s important to design websites that work for multiple devices. At the very least for mobile. With Umbraco, you have full control over your HTML and CSS that allows you to build great, responsive websites. Your editors can even preview content for mobile before publishing to ensure your mobile visitors get a visually and functionally pleasing experience. 

Feature available in: 

✅  CMS: Out-of-the-box 

✅  Cloud: Out-of-the-box 

✅  Heartcore: Out-of-the-box 

Control your markup 

Templating in Umbraco starts with your markup. You have complete freedom and control over how you want your website or digital project to look and what technologies you want to incorporate. The CMS won’t force you to use a fixed design or theme - you create the setup for your vision. And with full freedom to use your HTML, CSS, and Javascript, it’s no wonder why so many front-end developers love Umbraco.

Feature available in: 

✅  CMS: Out-of-the-box 

✅  Cloud: Out-of-the-box 

✅  Heartcore: Out-of-the-box 

Global elements 

Recycling is popular - also when we’re talking web development. Why not reuse your best elements for multiple pages instead of starting from scratch every time? Build Global elements like navigation and footer in the exact style and branding you need and add it as an element to each template you create, saving you time as well as the boring task of redoing things over and over again in the development process. 

Feature available in: 

✅  CMS: Out-of-the-box 

✅  Cloud: Out-of-the-box 

✅  Heartcore: Out-of-the-box 

Custom fonts & colors 

Colors and fonts are a big part of a visual brand identity. In Umbraco, you can stay on-brand by importing your own custom fonts as well as build your own color scheme. It is even possible to set up “color/fonts rules” for your editors directly in the CMS so you can control exactly how headlines, text, background, buttons, and the likes will look, making sure your website always looks on point!

Feature available in: 

✅  CMS: Out-of-the-box 

✅  Cloud: Out-of-the-box 

✅  Heartcore: Out-of-the-box 

Loved by developers, used by thousands around the world!

One of the biggest benefits of using Umbraco is that we have the friendliest Open Source community on this planet. A community that's incredibly pro-active, extremely talented and helpful.

If you get an idea for something you would like to build in Umbraco, chances are that someone has already built it. And if you have a question, are looking for documentation or need friendly advice, go ahead and ask the Umbraco community on Our.

Want to be updated on everything Umbraco?

Sign up for the Umbraco newsletter and get the latest news and special offers sent directly to your inbox