<!DOCTYPE html> 
<html lang="en" dir="ltr">
<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="https://www.macaronibros.com/sites/default/files/mb_favicon_1.gif" type="image/gif" />
<meta name="description" content="We&#039;re a creative agency addicted to good taste. We&#039;re specialized in web design and technology, branding, strategy." />
<meta name="generator" content="Drupal 7 (http://drupal.org)" />
<link rel="canonical" href="https://www.macaronibros.com/" />
<link rel="shortlink" href="https://www.macaronibros.com/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Macaroni Bros" />
<meta property="og:url" content="https://www.macaronibros.com/" />
<meta property="og:title" content="Macaroni Bros" />
<meta property="og:description" content="tasty new media" />
<meta property="og:image" content="https://www.macaronibros.com//sites/all/themes/custom/macaroni/images/facebook-home.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://www.macaronibros.com/" />
<meta name="twitter:title" content="Macaroni Bros" />
<meta name="twitter:description" content="tasty new media" />
<meta itemprop="name" content="Home" />
  <title>Macaroni Bros | tasty new media</title>
  <link type="text/css" rel="stylesheet" href="https://www.macaronibros.com/sites/default/files/css/css_gZ8aQbXwVFUbiZYWYsQapPOnkftBjmyeaI2k1Py578A.css" media="all" />
  <script type="text/javascript" src="https://www.macaronibros.com/sites/default/files/js/js_bHixdNqIm_fGV7c3IlqVJl-OQXz4T0rdcigI0kCjuGg.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js"></script>
<script type="text/javascript" src="https://www.macaronibros.com/sites/default/files/js/js_ZJUySec-yIEEX5cgkiJgGN5QFIuQeAuOhFCxPZKUSx0.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,"script","https://www.google-analytics.com/analytics.js","ga");ga("create", "UA-353506-6", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga("send", "pageview");
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "pathToTheme": "/sites/all/themes/custom/macaroni" });
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.cookie='resolution='+Math.max(screen.width,screen.height)+('devicePixelRatio' in window ? ','+devicePixelRatio : ',1')+'; path=/';
//--><!]]>
</script>
<script type="text/javascript" src="https://www.macaronibros.com/sites/default/files/js/js_w1I_qAaog4bGYMNBOX78fdSsDK-TN5SEdXG0GOHxKSA.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"macaroni","theme_token":"QFP8LFigcoAh2OBM--qfxcWVZ_GoYn2Yn4AWe7SOW7Q","js":{"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/1.10\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1.5.10\/webfont.js":1,"sites\/all\/modules\/contrib\/google_webfont_loader_api\/google_webfont_loader_api.js":1,"sites\/all\/modules\/contrib\/google_analytics\/googleanalytics.js":1,"0":1,"1":1,"2":1,"sites\/all\/themes\/custom\/macaroni\/js\/modernizr.min.js":1,"sites\/all\/themes\/custom\/macaroni\/js\/jquery.scrollTo.min.js":1,"sites\/all\/themes\/custom\/macaroni\/js\/app.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/contrib\/views\/css\/views.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/contrib\/panels\/css\/panels.css":1,"sites\/all\/modules\/custom\/treepanels\/plugins\/layouts\/tree_panel\/tree_panel.css":1,"sites\/all\/themes\/custom\/macaroni\/stylesheets\/app.css":1,"sites\/all\/themes\/custom\/macaroni\/stylesheets\/fonts\/icomoon\/style.css":1,"sites\/all\/themes\/custom\/macaroni\/css\/foundation.min.css":1,"sites\/all\/themes\/custom\/macaroni\/system.theme.css":1,"sites\/all\/themes\/custom\/macaroni\/system.menus.css":1,"sites\/all\/themes\/custom\/macaroni\/views.css":1,"sites\/all\/themes\/custom\/macaroni\/fix.css":1,"sites\/all\/themes\/custom\/macaroni\/field_collection.theme.css":1,"sites\/all\/themes\/custom\/macaroni\/system.admin.css":1,"sites\/all\/themes\/custom\/macaroni\/system.admin-rtl.css":1,"sites\/all\/themes\/custom\/macaroni\/system.base.css":1,"sites\/all\/themes\/custom\/macaroni\/system.base-rtl.css":1,"sites\/all\/themes\/custom\/macaroni\/system.maintenance.css":1,"sites\/all\/themes\/custom\/macaroni\/system.menus-rtl.css":1,"sites\/all\/themes\/custom\/macaroni\/system.messages.css":1,"sites\/all\/themes\/custom\/macaroni\/system.messages-rtl.css":1,"sites\/all\/themes\/custom\/macaroni\/system.theme-rtl.css":1,"sites\/all\/themes\/custom\/macaroni\/field.css":1,"sites\/all\/themes\/custom\/macaroni\/node.css":1,"sites\/all\/themes\/custom\/macaroni\/user.css":1,"sites\/all\/themes\/custom\/macaroni\/ctools.css":1,"sites\/all\/themes\/custom\/macaroni\/panels.css":1,"sites\/all\/themes\/custom\/macaroni\/tree_panel.css":1}},"googleanalytics":{"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"google_webfont_loader_api_setting":{"google":{"families":["Josefin+Sans","Lora:400i,700i"]},"custom":{"families":["Everglow-web","NexaSansBook"],"urls":["https:\/\/www.macaronibros.com\/sites\/all\/themes\/custom\/macaroni\/stylesheets\/fonts.css"]}}});
//--><!]]>
</script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <meta charset="utf-8" />
</head>
<body class="html front not-logged-in no-sidebars page-home" >

    <header class="page-header" ><div class="container"> <nav class="row"><ul class="links"><li class="menu-308 first active"><a href="/" title="" class="active">Macaroni <i></i> Bros</a></li><li class="menu-309 active"><a href="/#we-are" title="" class="active">Who we are</a></li><li class="menu-310 active"><a href="/#services" title="" class="active">What we do</a></li><li class="menu-311"><a href="/services-digital-marketing-social-networks-web-design-development-drupal-responsive" title="">Portfolio</a></li><li class="menu-312 last"><a href="#contacts">Get in touch</a></li></ul> </nav><h1> <small style="display: block;"><span class="char1" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(20px) rotate(-18deg); transform: translateX(0px) translateY(20px) rotate(-18deg);">w</span><span class="char2" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(14px) rotate(-17deg); transform: translateX(-1px) translateY(14px) rotate(-17deg);">e</span><span class="char3" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(10px) rotate(-13deg); transform: translateX(-1px) translateY(10px) rotate(-13deg);">l</span><span class="char4" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(7px) rotate(-10deg); transform: translateX(-1px) translateY(7px) rotate(-10deg);">c</span><span class="char5" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(4px) rotate(-8deg); transform: translateX(0px) translateY(4px) rotate(-8deg);">o</span><span class="char6" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(1px) rotate(-5deg); transform: translateX(0px) translateY(1px) rotate(-5deg);">m</span><span class="char7" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(-2deg); transform: translateX(0px) translateY(0px) rotate(-2deg);">e</span><span class="char8 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(0deg); transform: translateX(0px) translateY(0px) rotate(0deg);">&nbsp;</span><span class="char9" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(1deg); transform: translateX(0px) translateY(0px) rotate(1deg);">f</span><span class="char10" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(1px) rotate(3deg); transform: translateX(0px) translateY(1px) rotate(3deg);">r</span><span class="char11" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(2px) rotate(6deg); transform: translateX(0px) translateY(2px) rotate(6deg);">o</span><span class="char12" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(5px) rotate(9deg); transform: translateX(0px) translateY(5px) rotate(9deg);">m</span><span class="char13 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(1px) translateY(8px) rotate(11deg); transform: translateX(1px) translateY(8px) rotate(11deg);">&nbsp;</span><span class="char14" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(10px) rotate(13deg); transform: translateX(0px) translateY(10px) rotate(13deg);">t</span><span class="char15" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(15px) rotate(17deg); transform: translateX(0px) translateY(15px) rotate(17deg);">h</span><span class="char16" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(21px) rotate(22deg); transform: translateX(-1px) translateY(21px) rotate(22deg);">e</span></small> <img class="logo" src="sites/all/themes/custom/macaroni/images/macaronibros.png" alt="Macaroni Bros"> <strong>• tasty new media •</strong></h1></div></header> <main id='row1' class=''> <section class="we an" id="we-are"><div class="container"> <i class="icon-freccione freccia"></i><div class="musta block"> <small>We are</small><div class="folks"> <strong><span class="char1">a</span><span class="char2 empty"> </span><span class="char3">t</span><span class="char4">e</span><span class="char5">a</span><span class="char6">m</span><span class="char7 empty"> </span><span class="char8">o</span><span class="char9">f</span><span class="char10 empty"> </span><span class="char11">c</span><span class="char12">r</span><span class="char13">e</span><span class="char14">a</span><span class="char15">t</span><span class="char16">i</span><span class="char17">v</span><span class="char18">e</span><span class="char19 empty"> </span><span class="char20">f</span><span class="char21">o</span><span class="char22">l</span><span class="char23">k</span><span class="char24">s</span></strong><ul class="mustas"><li class="icon-baffo1"></li><li class="icon-baffo2"></li><li class="icon-baffo3"></li></ul></div></div><p class="recip block"> <small>that carefully design</small></p><p class="tasty"> <em>tasty digital recipes</em> <small><i>for</i></small> <strong>brand<span>+</span>web<span>+</span>strategy</strong></p> <i class="icon-posater posater"></i></div> </section> <section class="clients"><h2>only for gourmets</h2> <small>including</small><div class="logos"><div class="container"><ul class="row auto"><li class="col" data-client="FAO FSN Forum"><img src="sites/all/themes/custom/macaroni/images/logos/fsnforum.gif" alt="FAO" /></li><li class="col" data-client="Vatican"><img src="sites/all/themes/custom/macaroni/images/logos/vatican_150.png" alt="Vatican" /></li><li class="col" data-client="My Fonts / Monotype"><img src="sites/all/themes/custom/macaroni/images/logos/myfonts.gif" alt="My Fonts / Monotype" /></li><li class="col" data-client="Save the Children"><img src="sites/all/themes/custom/macaroni/images/logos/SaveTheChildren.png" alt="Save the Children" /></li><li class="col" data-client="CGIAR"><img src="sites/all/themes/custom/macaroni/images/logos/cgiar.gif" alt="CGIAR" /></li><li class="col" data-client="WWF"><img src="sites/all/themes/custom/macaroni/images/logos/wwf.gif" alt="WWF" /></li><li class="col" data-client="United Nations WFP"><img src="sites/all/themes/custom/macaroni/images/logos/wfp.gif" alt="United Nations World Food Programme" /></li><li class="col" data-client="Cinecittà"><img src="sites/all/themes/custom/macaroni/images/logos/cinecitta.gif" alt="Cinecittà" /></li></ul></div></div> </section> <section class="services" id="services"><header><h2 class="fresh" style="display: block;"><span class="char1" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(25px) rotate(-41deg); transform: translateX(0px) translateY(25px) rotate(-41deg);">•</span><span class="char2 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(21px) rotate(-37deg); transform: translateX(-1px) translateY(21px) rotate(-37deg);"> </span><span class="char3" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-2px) translateY(15px) rotate(-32deg); transform: translateX(-2px) translateY(15px) rotate(-32deg);">o</span><span class="char4" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-2px) translateY(9px) rotate(-25deg); transform: translateX(-2px) translateY(9px) rotate(-25deg);">u</span><span class="char5" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-2px) translateY(5px) rotate(-18deg); transform: translateX(-2px) translateY(5px) rotate(-18deg);">r</span><span class="char6 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-2px) translateY(2px) rotate(-13deg); transform: translateX(-2px) translateY(2px) rotate(-13deg);"> </span><span class="char7" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(-1px) translateY(1px) rotate(-9deg); transform: translateX(-1px) translateY(1px) rotate(-9deg);">s</span><span class="char8" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(-2deg); transform: translateX(0px) translateY(0px) rotate(-2deg);">e</span><span class="char9" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(3deg); transform: translateX(0px) translateY(0px) rotate(3deg);">r</span><span class="char10" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(1px) translateY(1px) rotate(10deg); transform: translateX(1px) translateY(1px) rotate(10deg);">v</span><span class="char11" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(2px) translateY(3px) rotate(15deg); transform: translateX(2px) translateY(3px) rotate(15deg);">i</span><span class="char12" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(2px) translateY(6px) rotate(20deg); transform: translateX(2px) translateY(6px) rotate(20deg);">c</span><span class="char13" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(2px) translateY(10px) rotate(26deg); transform: translateX(2px) translateY(10px) rotate(26deg);">e</span><span class="char14" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(2px) translateY(16px) rotate(33deg); transform: translateX(2px) translateY(16px) rotate(33deg);">s</span><span class="char15 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(1px) translateY(21px) rotate(37deg); transform: translateX(1px) translateY(21px) rotate(37deg);"> </span><span class="char16" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(25px) rotate(41deg); transform: translateX(0px) translateY(25px) rotate(41deg);">•</span></h2> <small>Menu</small><div class="container"><div class="row"><div class="intro"><p class="p1"> Forget spaghetti design: <br /> it's time for Macaroni Style!</p><p class="p2"> Every piece of our creative work is lovingly handcrafted <br /> like a tasty dish of italian pasta.</p></div></div></div> </header><div class="recipes"><div class="menu-w"><div class="menu-o"><ul class="menu"><li><h3>Creative Consulting</h3> <small>brand design, art direction, disruptive marketing</small></li><li><h3>web design</h3> <small>ui/ux, user research, Drupal development</small></li><li><h3>graphic design</h3> <small>for offline and online media</small></li><li><h3>photography</h3> <small>we capture taste in every picture</small></li><li><h3>video</h3> <small>writing, photography, editing and post-production</small></li><li><h3>food design</h3> <small>for magazines, restaurants, websites</small></li></ul></div></div></div> </section> <section class="portfolio"><div class="container"><div class="row"><h2>Wanna taste?</h2><div class="wlafrance"> <a href="/services-digital-marketing-social-networks-web-design-development-drupal-responsive"><div class="row"><div class="col col-8"><p> <span style="display: block;"><span class="char1" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(7px) rotate(-13deg); transform: translateX(0px) translateY(7px) rotate(-13deg);">v</span><span class="char2" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(4px) rotate(-10deg); transform: translateX(0px) translateY(4px) rotate(-10deg);">i</span><span class="char3" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(2px) rotate(-7deg); transform: translateX(0px) translateY(2px) rotate(-7deg);">s</span><span class="char4" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(-4deg); transform: translateX(0px) translateY(0px) rotate(-4deg);">i</span><span class="char5" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(-1deg); transform: translateX(0px) translateY(0px) rotate(-1deg);">t</span><span class="char6 empty" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(0px) rotate(1deg); transform: translateX(0px) translateY(0px) rotate(1deg);"> </span><span class="char7" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(1px) rotate(5deg); transform: translateX(0px) translateY(1px) rotate(5deg);">o</span><span class="char8" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(3px) rotate(9deg); transform: translateX(0px) translateY(3px) rotate(9deg);">u</span><span class="char9" style="display: inline-block; -webkit-transition: none; transition: none; -webkit-transform: translateX(0px) translateY(7px) rotate(13deg); transform: translateX(0px) translateY(7px) rotate(13deg);">r</span></span> <strong>portfolio</strong></p></div><div class="col col-4 r"> &gt;</div></div> </a></div></div></div></section> </main> <footer id='footer' class=''><section class="contacts" id="contacts" itemscope="" itemtype="http://schema.org/LocalBusiness"><div class="container"><div class="row"><h2>Say ciao!</h2><div class="addresses"><ul class="row"><li class="col col-3"> <a href="https://www.facebook.com/macaronibros" target="_blank">facebook</a></li><li class="col col-6"> <a href="mailto:info@macaronibros.com" itemprop="email">info@macaronibros.com</a></li><li class="col col-3"> <a href="https://twitter.com/macaronibros" target="_blank">twitter</a></li></ul></div><div class="made"> made with love + pasta</div><div class="iva"> the obligatory VAT Code: <span itemprop="vatID">01794400679</span></div><div class="by"> <span itemprop="name">Macaroni Bros</span></div></div></div></section></footer><div class="bg"></div><div class="bg1"></div><div class="bg2"></div><a href="https://plus.google.com/+Macaronibros-Agency" title="Google Plus" rel="publisher" style="display: none">Google+</a>
<script src="sites/all/themes/custom/macaroni/js/cookiechoices.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
cookieChoices.showCookieConsentBar('Hello there! — We use cookies to analyse our traffic using Google Analytics',
'ok! close', 'learn more', 'https://www.google.com/policies/technologies/cookies/');
});
</script>
  
</body>
</html>