Trusted by teams at
.svg)
Schedule a time with a Webflow expert to customize this template. Learn more
Get startedThis is Smiley — a minimal portfolio template for web designers, visual designers and other creatives. Show off your work with a unique portfolio that will put a smile on your visitors with its minimal layouts & sweet interactions.
Simple but unique layouts. Sweet micro interactions. CMS-driven project pages. Smiley has everything you need to get going with your new portfolio.
Smiley consists of the following pages:
It also contains the following admin pages:
This template uses as 12 column layout grid that decreases in columns on smaller breakpoints. This makes it super easy to achieve fully responsive layouts almost automatically.
Have you heard of Webflow's new CSS variable features? Smiley utilizes fully customizable variables for sizing, spacing and colors.
Smiley is developed using REM units for all elements. REM's makes it easy to achieve a consistent use of typography sizing and element spacing.
This template is developed using consistent BEM (Block, Element & Modifier) naming conventions together with traditional Webflow template naming conventions.
Repeated elements and elements with more advanced micro interactions are created as components. Components makes it easy to make changes to elements and have it reflected throughout the whole site.
Smiley features a comprehensive style guide of global styles that makes it easy to customize the template to your heart's (or your brand's) content — directly through the Webflow designer.
Some parts of the website, such as projects can be created, updated or deleted through the CMS.
Got a question regarding this template? Found a bug? Feel free to reach out to the designer by visiting the support tab above.
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.
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.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
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 Core 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 Workspaces and legacy individual accounts.
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 Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Uses fonts from Google's Web Font collection.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
All graphics are optimized for devices with high DPI screens.
Custom design for the 404 page of your website
Reusable elements you can use across your site. Edit a symbol and all copies update instantly.
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Customize the built-in database for your project or just add new content.
Displays perfectly on desktops, tablets, and phones.
Comes with animations and interactions for additional polish and usability.
