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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
A style guide for typography is included within the template along with the PDF documentation.
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.
All the images in this template can be used for personal or commercial purposes.
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
Don't forget to check our other amazing Templates.
Alternatively you can contact us directly by email email@example.com or leaving your message on the Support Tab.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
Display images and text elegantly on every device with our touch-friendly slider.
Comes with animations and interactions for additional polish and usability.
All graphics are optimized for devices with high DPI screens.
Displays perfectly on desktops, tablets, and phones.
Uses fonts from Google's Web Font collection.
Reusable elements you can use across your site. Edit a symbol and all copies update instantly.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Free account plan, it is possible to edit two pages of the template-based project. To unlock more pages and features a premium plan is required.
With a Lite plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through individual accounts. Once a template-based project has been created it is then possible to transfer it to a team account.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Symbols and the Collection page Templates.
All templates were built by designers using Webflow without writing code. That means you can customize them using our visual interface too.
Build your site for free and take as long as you need. (That’s right, no trial here.) Just add a site plan and custom domain when you’re ready for the world.