{"id":28455,"date":"2017-05-08T12:28:48","date_gmt":"2017-05-08T12:28:48","guid":{"rendered":"https:\/\/codewebbarcelona.com\/mockup-para-tarjetas-de-visita\/"},"modified":"2026-04-21T00:39:52","modified_gmt":"2026-04-21T00:39:52","slug":"business-card-mockup","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/","title":{"rendered":"Business Card Mockup"},"content":{"rendered":"

When presenting a graphic design<\/strong> or web design<\/strong> project, it\u2019s essential to give your client the clearest possible idea of the final result. That\u2019s why we\u2019ve created a free business card mockup<\/strong>.<\/p>\n

Using a mockup<\/strong> to showcase your design proposal not only adds value to your presentation, but also helps convey the essence of the finished product<\/strong> to your client.<\/p>\n

For example, when presenting a website design<\/strong>, you can display your layout on a monitor mockup, giving the client a realistic sense of how their site will look.<\/p>\n

With business cards<\/strong>, you can create your design and then use a Photoshop mockup<\/strong> to highlight the paper texture you\u2019d like to use, stack the cards, and present them on an attractive surface. If the chosen background matches the brand\u2019s look & feel, even better.<\/p>\n

 <\/p>\n

Free Business Card Mockup<\/h2>\n

We\u2019ve put together a simple, editable mockup for business cards\u2014perfect for any graphic designer<\/strong> who wants to present their ideas to clients.<\/p>\n

Here\u2019s a preview so you can see the final effect.<\/p>\n

 <\/p>\n

As you can see, the mockup result is highly realistic<\/strong>, and we love the marble texture we selected for showcasing the business cards<\/strong>.<\/p>\n

\"mockup<\/p>\n

Below you\u2019ll find the link to download your copy. Download now.<\/h3>\n

Download Free Mockup<\/a><\/p>\n

 <\/p>\n

Is this mockup totally free?<\/h3>\n

Yes, it\u2019s completely free. You can use it to present your work to clients, or to showcase your business card designs on your website or portfolio.
\nIf you credit us by linking to this post, we\u2019ll be thrilled\u2014but it\u2019s absolutely not required!<\/p>\n

Yes, it’s totally free. This mockup can be used to show your business cards to your clients in a realistic view mode. You can also use this mockup in your website portfolio.
\nIf you link to this post as an attribution to our work, we will be really glad, BUT, this is not obligatory! Just feel free!<\/p>\n","protected":false},"excerpt":{"rendered":"

When presenting a graphic design or web design project, it\u2019s essential to give your client the clearest possible idea of the final result. That\u2019s why we\u2019ve created a free business card mockup. Using a mockup to showcase your design proposal not only adds value to your presentation, but also helps convey the essence of the […]<\/p>\n","protected":false},"author":1,"featured_media":4122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[212,134],"class_list":["post-28455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-altres","category-disseny-grafic"],"acf":[],"yoast_head":"\nMockup para tarjetas de visita gratis - Free business cards Mockup<\/title>\n<meta name=\"description\" content=\"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mockup para tarjetas de visita gratis - Free business cards Mockup\" \/>\n<meta property=\"og:description\" content=\"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-08T12:28:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T00:39:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1900\" \/>\n\t<meta property=\"og:image:height\" content=\"1262\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Business Card Mockup\",\"datePublished\":\"2017-05-08T12:28:48+00:00\",\"dateModified\":\"2026-04-21T00:39:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\"},\"wordCount\":330,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg\",\"articleSection\":[\"Altres\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\",\"name\":\"Mockup para tarjetas de visita gratis - Free business cards Mockup\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg\",\"datePublished\":\"2017-05-08T12:28:48+00:00\",\"dateModified\":\"2026-04-21T00:39:52+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg\",\"width\":1900,\"height\":1262},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mockup para tarjetas de visita gratis - Free business cards Mockup","description":"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/","og_locale":"en_US","og_type":"article","og_title":"Mockup para tarjetas de visita gratis - Free business cards Mockup","og_description":"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/","og_site_name":"Code Barcelona","article_published_time":"2017-05-08T12:28:48+00:00","article_modified_time":"2026-04-21T00:39:52+00:00","og_image":[{"width":1900,"height":1262,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Business Card Mockup","datePublished":"2017-05-08T12:28:48+00:00","dateModified":"2026-04-21T00:39:52+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/"},"wordCount":330,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg","articleSection":["Altres","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/","name":"Mockup para tarjetas de visita gratis - Free business cards Mockup","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg","datePublished":"2017-05-08T12:28:48+00:00","dateModified":"2026-04-21T00:39:52+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Descarga gratis un realista mockup para tarjetas de visita que hemos creado para cualquier dise\u00f1ador gr\u00e1fico. No es necesaria atribuci\u00f3n para el uso.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/business-card-mockup\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/05\/mockup-para-tarjetas-de-visita-featured.jpg","width":1900,"height":1262},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=28455"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28455\/revisions"}],"predecessor-version":[{"id":28460,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28455\/revisions\/28460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/4122"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=28455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=28455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}