Portfolio

Case study grid

Six project cards with visual panels in a three-column grid and a "View all" button. Styled for a portfolio website in a soft colour scheme.

How to use it

Download the .json file, then in WordPress go to Templates → Saved Templates → Import Templates and choose the file. Or use "Copy JSON" and paste into the Elementor editor (right-click → Paste from other site).
Insert the template into a page from the Elementor editor's template library (My Templates).
Replace the sample text, links and contact details with your own, and adjust colours to your brand.

What's inside

16 containers and these free Elementor widgets: heading (14), icon (6), button (1). No Elementor Pro, add-ons, images or external files are required; fonts are inherited from your theme.

Before you publish

All text, prices, statistics and contact details are placeholders. Replace them with accurate information for your business.
Buttons and links point to "#". Set each one to a real page.

Responsive behaviour

Built with flexbox and grid containers. Multi-column rows stack on tablets or phones, grids drop to two columns on tablets and one on phones, and heading sizes scale down at each breakpoint. Tested at 1440px, 820px and 390px wide.

{"type":"elementor","siteurl":"https://wpdesignvault.com/wp-json/","elements":[{"id":"332ef4b","elType":"container","isInner":false,"settings":{"content_width":"boxed","padding":{"unit":"px","top":"96","right":"24","bottom":"96","left":"24","isLinked":false},"boxed_width":{"unit":"px","size":1200,"sizes":[]},"html_tag":"section","flex_direction":"column","flex_align_items":"stretch","flex_gap":{"unit":"px","size":48,"column":"48","row":"48","isLinked":true},"flex_gap_mobile":{"unit":"px","size":32,"column":"32","row":"32","isLinked":true},"padding_tablet":{"unit":"px","top":"72","right":"24","bottom":"72","left":"24","isLinked":false},"padding_mobile":{"unit":"px","top":"56","right":"20","bottom":"56","left":"20","isLinked":false},"background_background":"classic","background_color":"#f8fafc"},"elements":[{"id":"c01eb69","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":14,"column":"14","row":"14","isLinked":true},"flex_align_items":"center","flex_justify_content":"flex-start"},"elements":[{"id":"deda5f9","elType":"widget","isInner":false,"settings":{"title":"Selected work","header_size":"p","align":"center","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"d1b60cc","elType":"widget","isInner":false,"settings":{"title":"Selected case studies","header_size":"h2","align":"center","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":40,"sizes":[]},"typography_font_size_tablet":{"unit":"px","size":33,"sizes":[]},"typography_font_size_mobile":{"unit":"px","size":27,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.15,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":-0.5,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"2bf9129","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"container_type":"grid","grid_columns_grid":{"unit":"fr","size":3,"sizes":[]},"grid_columns_grid_tablet":{"unit":"fr","size":2,"sizes":[]},"grid_columns_grid_mobile":{"unit":"fr","size":1,"sizes":[]},"grid_rows_grid":{"unit":"fr","size":1,"sizes":[]},"grid_gaps":{"unit":"px","size":32,"column":"32","row":"32","isLinked":true},"grid_auto_flow":"row","grid_align_items":"stretch"},"elements":[{"id":"7ba60a4","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"b629ab0","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#f5f3ff","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"c858e9c","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-chart-pie","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"7c847c2","elType":"widget","isInner":false,"settings":{"title":"Health","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"2b25f84","elType":"widget","isInner":false,"settings":{"title":"Patient booking app","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"1a0d785","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"7807aaa","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#faf5ff","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"d06ff5f","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-layer-group","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"51ebc5a","elType":"widget","isInner":false,"settings":{"title":"Finance","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"04c97aa","elType":"widget","isInner":false,"settings":{"title":"Budgeting dashboard","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"3ed860f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"deef27a","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#f1f5f9","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"f4b16d1","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-mobile-alt","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"d6a0c40","elType":"widget","isInner":false,"settings":{"title":"Education","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"dba4e5a","elType":"widget","isInner":false,"settings":{"title":"Learning platform redesign","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"84650ed","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"bbae676","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#f5f3ff","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"c1d508b","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-paint-brush","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"65d5e42","elType":"widget","isInner":false,"settings":{"title":"Design system","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"7e6ac06","elType":"widget","isInner":false,"settings":{"title":"Logistics design system","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"0abfdc9","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"90e9cae","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#faf5ff","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"3dd49d4","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-cubes","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"fbc889b","elType":"widget","isInner":false,"settings":{"title":"Finance","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"48adc87","elType":"widget","isInner":false,"settings":{"title":"Banking onboarding flow","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]},{"id":"be5ef24","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_gap":{"unit":"px","size":10,"column":"10","row":"10","isLinked":true},"flex_align_items":"stretch","flex_justify_content":"flex-start"},"elements":[{"id":"e7c9393","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","min_height":{"unit":"px","size":240,"sizes":[]},"min_height_mobile":{"unit":"px","size":200,"sizes":[]},"border_radius":{"unit":"px","top":"16","right":"16","bottom":"16","left":"16","isLinked":true},"background_background":"gradient","background_color":"#f1f5f9","background_color_b":"#ffffff","background_gradient_angle":{"unit":"deg","size":135,"sizes":[]}},"elements":[{"id":"f65533b","elType":"widget","isInner":false,"settings":{"selected_icon":{"value":"fas fa-compass","library":"fa-solid"},"view":"default","shape":"rounded","primary_color":"#6d28d9","secondary_color":"#6d28d9","size":{"unit":"px","size":52,"sizes":[]},"icon_padding":{"unit":"px","size":16,"sizes":[]},"align":"center"},"elements":[],"widgetType":"icon"}]},{"id":"5f7ad4b","elType":"widget","isInner":false,"settings":{"title":"Health","header_size":"p","align":"start","title_color":"#6d28d9","typography_typography":"custom","typography_font_size":{"unit":"px","size":14,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.4,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":1.5,"sizes":[]},"typography_text_transform":"uppercase"},"elements":[],"widgetType":"heading"},{"id":"a816db7","elType":"widget","isInner":false,"settings":{"title":"Wellbeing mobile app","header_size":"h3","align":"start","title_color":"#0f172a","typography_typography":"custom","typography_font_size":{"unit":"px","size":20,"sizes":[]},"typography_font_weight":"700","typography_line_height":{"unit":"em","size":1.3,"sizes":[]},"typography_letter_spacing":{"unit":"px","size":0,"sizes":[]}},"elements":[],"widgetType":"heading"}]}]},{"id":"4f69f5f","elType":"container","isInner":false,"settings":{"content_width":"full","padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"flex_direction":"row","flex_wrap":"wrap","flex_gap":{"unit":"px","size":12,"column":"12","row":"12","isLinked":true},"flex_justify_content":"center","flex_justify_content_mobile":"center","flex_align_items":"center"},"elements":[{"id":"a2d3d5c","elType":"widget","isInner":false,"settings":{"text":"View all projects","link":{"url":"#","is_external":"","nofollow":"","custom_attributes":""},"size":"md","align":"left","background_background":"classic","button_background_hover_background":"classic","border_radius":{"unit":"px","top":"10","right":"10","bottom":"10","left":"10","isLinked":true},"text_padding":{"unit":"px","top":"14","right":"24","bottom":"14","left":"24","isLinked":false},"button_hover_transition_duration":{"unit":"s","size":0.2,"sizes":[]},"typography_typography":"custom","typography_font_size":{"unit":"px","size":16,"sizes":[]},"typography_font_weight":"600","typography_line_height":{"unit":"em","size":1.2,"sizes":[]},"button_text_color":"#6d28d9","background_color":"rgba(255,255,255,0)","button_background_hover_color":"#f5f3ff","hover_color":"#6d28d9","border_border":"solid","border_width":{"unit":"px","top":"2","right":"2","bottom":"2","left":"2","isLinked":true},"border_color":"#6d28d9","selected_icon":{"value":"fas fa-arrow-right","library":"fa-solid"},"icon_align":"row-reverse","icon_indent":{"unit":"px","size":8,"sizes":[]}},"elements":[],"widgetType":"button"}]}]}]}

Download