CMS Ready

This template comes with a pre-built CMS. Just add your content and you're ready to go — or customize the data structure however you'd like.

Learn Webflow CMS

Responsive navigation

Site navigation automatically collapses into a mobile-friendly menu on smaller devices.

Responsive slider

Display images and text elegantly on every device with our touch-friendly slider.

Interactions

Comes with animations and interactions for additional polish and usability.

Retina ready

All graphics are optimized for devices with high DPI screens.

Responsive design

Displays perfectly on desktops, tablets, and phones.

Web fonts

Uses fonts from Google's Web Font collection.

Symbols

Reusable elements you can use across your site. Edit a symbol and all copies update instantly.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state. For more information, please visit the following links:

Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

The Webflow community supports this template

If you run into any problems, ask for help on the Webflow Forum.

WebDev For You

 can help you with this template

If you run into any problems with it, they'll be happy to lend a hand.

WebDev For You supports this template

Just leave a comment below and the designer will get back to you.

Welcome to Dexter Morgan - a fully responsive, clean, and professional Webflow template perfect for Digital Designers to showcase their portfolio.

This template is built using the standard Webflow slider. It consists of 3 main pages - Work, About, and Contact.

The pages are kept non-scrollable and yet it is made sure that everything is clear and visible to the visitors across all devices - desktop, tablet, and mobile.

Video Tutorial

Video Sections

  1. Template Overview - 00:40
  2. Responsive Design - 3:54
  3. Navigator Panel and Symbols - 6:54
  4. Adding Slides - 9:53
  5. Tablet and Mobile Menu - 13:20
  6. Linking to a YouTube or Vimeo Video - 15:26
  7. Search Engine Optimization - 18:36
  8. Style Guide, Global Swatches, and Documentation - 19:31
  9. Interactions - 24:10
  10. Support - 27:05

Centered Around the Webflow Slider

This template is unique in that it centers around the Webflow slider, and information is presented as the user navigates through the slides on the page. Each slide has an 'In' and 'Out' animation to make the information visually engaging. It is very easy to add or remove slides within the template. To learn more about the Webflow slider, check out Slider.

Easily Add or Remove Slides

Adding slides is as simple as copying and pasting an existing slide, duplicating the image classes, and replacing the background image. The heading and text can then be replaced to match the image of the slide. Removing a slide is as simple as selecting the slide and deleting it within the navigator panel.

Smooth Interactions

You can see beautiful animations all across the Dexter Morgan template. The interactions are visually pleasing and fun to engage with. To learn more about how to use interactions in this template, check out Interactions Video Course.

Fully Responsive

This template was created with responsiveness in mind to work across all devices. The template has been optimized for Desktop, Tablet, Mobile Landscape, and Mobile Portrait. The navigation menu has also been re-sized for smaller devices. To learn more about responsive design in this template, check out Intro to Responsive Design.

Animated Menu

For tablet and mobile devices the menu is initially off-canvas and when the user clicks the menu trigger the menu comes in from left to right. The menu items appear in a staggered motion to add some style and animation to the menu. Within the menu there are also social media icons so the user always has access to your social media channels.

Social Media Links

With social media being such an important aspect of the web we made sure to include social media icons within the template and the menu, so the user always has access to your social media channels.

Symbols

Everything besides the slider is a symbol within the template. This makes it really easy to re-create an entire page simply by adding symbols to the page. To learn more about symbols, check out Symbols.

Neatly Organized Elements

Easily access all the elements of the template within the navigator. All the sections are divided up and easy to recognize within the navigator panel. To learn more about how to use the navigator panel in this template, check out The Navigator Panel.

Documentation

The template includes PDF documentation with a typography style guide, color usage, how to add new slides, and how to edit the menu. Download PDF documentation here.

Typography Style Guide

A style guide for typography is included within the template along with the PDF documentation.

Global Swatches

All the colors within the template have been added as global swatches so you can easily change all the colors of the template by changing the global swatch colors. There is also a 'Color Usage' section in the style guide that allows you to easily select the colors and change them within the global swatch option in Webflow. To learn more about global swatches, check out Color Picker and Swatches.

Usage Rights

All the images in this template can be used for personal or commercial purposes.

100% Customizable

Feel like changing something in the template? All templates were built using Webflow without writing code. That means you can customize them using our visual interface too. Learn more about how to customize your template at Webflow University

More Templates

Don't forget to check our other amazing Templates.

Support

Alternatively you can contact us directly by email support@webdevforyou.com or leaving your message on the Support Tab.

Responsive navigation

Responsive navigation

Site navigation automatically collapses into a mobile-friendly menu on smaller devices.

Responsive slider

Responsive slider

Display images and text elegantly on every device with our touch-friendly slider.

Interactions

Interactions

Comes with animations and interactions for additional polish and usability.

Retina ready

Retina ready

All graphics are optimized for devices with high DPI screens.

Responsive design

Responsive design

Displays perfectly on desktops, tablets, and phones.

Web fonts

Web fonts

Uses fonts from Google's Web Font collection.

Symbols

Symbols

Reusable elements you can use across your site. Edit a symbol and all copies update instantly.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state. For more information, please visit the following links:

Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

The Webflow community supports this template

If you run into any problems, ask for help on the Webflow Forum.

WebDev For You

 can help you with this template

If you run into any problems with it, they'll be happy to lend a hand.

WebDev For You supports this template

Just leave a comment below and the designer will get back to you.

Fully Customizable in Webflow

All templates were built by designers using Webflow without writing code. That means you can customize them using our visual interface too.

Learn how →
© 2019 Webflow, Inc. All rights reserved.