<!DOCTYPE html>
<!-- [if gt COOL]

	db    db d888888b d88888b d8b   db  .o88b. d888888b db      
	`8b  d8' `~~88~~' 88'     888o  88 d8P  Y8   `88'   88      
	 `8bd8'     88    88ooooo 88V8o 88 8P         88    88      
	 .dPYb.     88    88~~~~~ 88 V8o88 8b         88    88      
	.8P  Y8.    88    88.     88  V888 Y8b  d8   .88.   88booo. 
	YP    YP    YP    Y88888P VP   V8P  `Y88P' Y888888P Y88888P 
                                                            
	¿Te gusta mirar debajo del capó?
-->
<html lang="en">
<head>
	<!-- Meta Tags Básicos -->
  	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
	<link rel="icon" type="image/png" href="favicon.png" sizes="32x32">
	<link rel="apple-touch-icon" sizes="180x180" href="img/icon/192x192.png">
    <link rel="canonical" href="https://xtencil.com/404">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
	<meta name="theme-color" content="#888888">
    <title>Page not found - Xtencil</title>
	<meta name="description" content="Apologies, there was a 404 error. I promise to punish my umpa lumpas.">
	<meta name="keywords" content="UI designer, UX expert, front-end developer, desarrollo web, desarrollador web, web developer, partner digital, frontend designer, freelance, creative, ui/ux, UI, UX, design, website, responsive, illustration, infographics, logos, logotypes, branding, spain, diseño, diseñador, gráfico, web, españa, ilustrador, logotipo, maquetador css, wordpress, custom Wordpress themes, Miguel Angel Sanchez Rubio, diseño wordpress, temas wordpress a medida, agencia de publicidad, PYME, startup, marketing, agency, disseny, gràfic, web, vinaros, diseñador frontend">
	<meta name="author" content="xtencil.com">
	<meta name="revisit-after" content="7 days">
	<meta name="verify-v1" content="vDTwP0X3dfCOuLEHBVcwFDxiuyqV/ZGDuTnPu8Z/Zmg=">
	<meta name="google-site-verification" content="90hSzWA45015Zl61cTJRO1yR6T6TbjZz4dJjLpjT9cw">
	<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
	<meta name="googlebot" content="index,follow">
	
	<!-- Open Graph -->
	<meta property="og:type" content="profile">
	<meta property="og:title" content="Miguel Ángel Sánchez Rubio - Consultoría UI/UX">
	<meta property="og:description" content="Agenda una sesión de hasta 1 hora para consultoría en diseño UI/UX y desarrollo frontend">
	<meta property="og:url" content="https://cal.com/xtencil">
	<meta property="og:image" content="https://xtencil.com/img/icon/192x192.png"">
	<meta property="og:locale" content="es_ES" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Diseñador digital especializado en UI/UX, accesibilidad y branding" />
	<meta property="og:description" content="Soy diseñador web freelance con 20 años de experiencia desarrollando páginas web, aplicaciones móviles e identidades corporativas para clientes de todo el mundo" />
	<meta property="og:url" content="https://xtencil.com/" />
	<meta property="og:site_name" content="Senior UI/UX Designer and Front-End Developer in remote" />
	
	<!-- Twitter Cards -->
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:title" content="Agenda una llamada - Consultoría UI/UX gratis by Xtencil">
	<meta name="twitter:description" content="Sesiones de 15, 30 y 60 minutos gratuitas - cal.com/xtencil">	
	
  <!-- CSS -->
  <link rel="stylesheet" href="css/animsition.min.css">
  <link rel="stylesheet" href="css/jquery.fullpage.css">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <link rel="stylesheet" href="css/owl.theme.default.min.css">
  <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
  <link rel="stylesheet" href="css/style.css?v=2.5.0">
	
  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap" rel="stylesheet">
	
  <!-- JS -->
  <script src="js/vendor/jquery-3.4.1.min.js"></script>
  <!-- Cookie Consent Plugin -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#000"
    },
    "button": {
      "background": "#ffde00"
    }
  },
  "theme": "classic",
  "position": "bottom-right",
  "content": {
	  "message": "I use cookies on this website only to count visits, I don't store personal data.",
    "href": "https://xtencil.com/cookies-policy"
  }  
})});
</script>  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142426-4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-142426-4');
</script>	
  <link rel="manifest" href="__manifest.json">	
  <script type="application/ld+json">
  {
	"@context": "https://schema.org",
	"@type": "ProfessionalService",
	"name": "Xtencil",
	"url": "https://xtencil.com",
	"logo": "https://xtencil.com/img/icon/512x512.png",
	"description": "Diseñador freelance de diseño gráfico y web. Marcas impactantes y webs accesibles que convierten.",
	"telephone": "+34677307244",
	"email": "xtencil@gmail.com",
	"address": {
	  "@type": "PostalAddress",
	  "addressLocality": "[translate:Vinaròs]",
	  "addressRegion": "[translate:Castellón]",
	  "addressCountry": "ES"
	},
	"areaServed": ["[translate:Vinaròs]", "[translate:Castellón]", "[translate:Tarragona]", "[translate:España]"],
	"availableLanguage": ["es", "ca", "en"],
	"hasOfferCatalog": {
	  "@type": "OfferCatalog",
	  "name": "Servicios de diseño y desarrollo web",
	  "itemListElement": [
		{
		  "@type": "Offer",
		  "itemOffered": {
			"@type": "Service",
			"name": "Consultoría gratuita para proyectos de negocio digitales",
			"description": "Reserva tu sesión de consultoría gratis y sin compromiso"
		  },
		  "url": "https://cal.com/xtencil"
		},
		{
		  "@type": "Offer",
		  "itemOffered": {
			"@type": "Service",
			"name": "Diseño UI/UX",
			"description": "Diseño de interfaces y sistemas de diseño con Figma."
		  }
		},
		{
		  "@type": "Offer",
		  "itemOffered": {
			"@type": "Service",
			"name": "Desarrollo Web",
			"description": "Diseño y desarrollo de sitios web a medida optimizados para alta conversión y accesibilidad."
		  }
		},
		{
		  "@type": "Offer",
		  "itemOffered": {
			"@type": "Service",
			"name": "Logos y Branding",
			"description": "Creación de logos e identidades visuales impactantes y memorables para tu marca."
		  }
		}
	  ]
	}
  }
  </script>

</head>

<body id="page-404" class="">
	
	<div class="animsition">	
	<!-- Navbar -->
	<nav class="navbar navbar-expand-lg fixed-top" role="navigation">
  	<div class="container-fluid d-flex justify-content-between">
	  <a href="./" class="logo-link navbar-brand animsition-link" aria-label="XTENCIL - Home" target="_blank">
		<svg class="logo-svg" viewBox="0 0 124 21" xmlns="http://www.w3.org/2000/svg">
			  <g id="main-group" class="animate-ready">
				<!-- X -->
				<g>
				  <path class="letter-fill" d="M10.1029497,22.1088219 L9.97041193,21.9216464 L7.13902299,18.2344116 L0.236723655,8.14882276 L5.66341634,8.14882276 L9.97041193,14.4592758 L14.3054705,8.14882276 L19.8209549,8.14882276 L12.9489458,18.0281711 L20.4095346,28.7936556 L14.8364394,28.7936556 L10.1040042,22.1103111 L5.45638894,28.7935962 L0,28.7935962 L4.68725607,22.1088219 L10.1029497,22.1088219 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M10.1029497,22.1088219 L9.97041193,21.9216464 L7.13902299,18.2344116 L0.236723655,8.14882276 L5.66341634,8.14882276 L9.97041193,14.4592758 L14.3054705,8.14882276 L19.8209549,8.14882276 L12.9489458,18.0281711 L20.4095346,28.7936556 L14.8364394,28.7936556 L10.1040042,22.1103111 L5.45638894,28.7935962 L0,28.7935962 L4.68725607,22.1088219 L10.1029497,22.1088219 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- T -->
				<g>
				  <path class="letter-fill" d="M20.6144684,12.0998939 L20.6144684,8.14880791 L37.868138,8.14880791 L37.868138,12.0998939 L31.5559032,12.0998939 L31.5559032,28.7936408 L26.8962646,28.7936408 L26.8962646,12.0998939 L20.6144684,12.0998939 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M20.6144684,12.0998939 L20.6144684,8.14880791 L37.868138,8.14880791 L37.868138,12.0998939 L31.5559032,12.0998939 L31.5559032,28.7936408 L26.8962646,28.7936408 L26.8962646,12.0998939 L20.6144684,12.0998939 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- E -->
				<g>
				  <path class="letter-fill" d="M45.1379582,20.3587922 L45.1379582,24.9288966 L56.5209762,24.9288966 L56.5209762,28.7935665 L40.4766863,28.7935665 L40.4766863,8.14888215 L56.1977325,8.14888215 L56.1977325,12.0119188 L45.1379582,12.0119188 L45.1379582,16.4941223 L55.1052074,16.4941223 L55.1052074,20.3587922 L45.1379582,20.3587922 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M45.1379582,20.3587922 L45.1379582,24.9288966 L56.5209762,24.9288966 L56.5209762,28.7935665 L40.4766863,28.7935665 L40.4766863,8.14888215 L56.1977325,8.14888215 L56.1977325,12.0119188 L45.1379582,12.0119188 L45.1379582,16.4941223 L55.1052074,16.4941223 L55.1052074,20.3587922 L45.1379582,20.3587922 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- N -->
				<g>
				  <path class="letter-fill" d="M73.7762791,21.4193344 L73.7762791,8.14882276 L78.1992385,8.14882276 L78.1992385,28.7936556 L73.9523778,28.7936556 L63.9545414,15.5503161 L63.9545414,28.7936556 L59.5011433,28.7936556 L59.5011433,8.14882276 L63.7481525,8.14882276 L73.7762791,21.4193344 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M73.7762791,21.4193344 L73.7762791,8.14882276 L78.1992385,8.14882276 L78.1992385,28.7936556 L73.9523778,28.7936556 L63.9545414,15.5503161 L63.9545414,28.7936556 L59.5011433,28.7936556 L59.5011433,8.14882276 L63.7481525,8.14882276 L73.7762791,21.4193344 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- C -->
				<g>
				  <path class="letter-fill" d="M91.6873939,24.7529908 C93.5445974,24.7529908 95.5793844,23.809244 97.0542487,22.3342313 L99.7975882,25.3129136 C97.6156563,27.5539411 94.4596873,29 91.4507148,29 C85.2872582,29 80.6276196,24.4282623 80.6276196,18.440756 C80.6276196,12.4838368 85.3753076,8 91.6282984,8 C94.6068323,8 97.732511,9.32771933 99.7671496,11.4216019 L97.0542487,14.7248642 C95.63848,13.1028551 93.6038414,12.0407687 91.6873939,12.0407687 C88.1474525,12.0407687 85.4041129,14.7841083 85.4041129,18.3816604 C85.4041129,21.9808459 88.1474525,24.7529908 91.6873939,24.7529908 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M91.6873939,24.7529908 C93.5445974,24.7529908 95.5793844,23.809244 97.0542487,22.3342313 L99.7975882,25.3129136 C97.6156563,27.5539411 94.4596873,29 91.4507148,29 C85.2872582,29 80.6276196,24.4282623 80.6276196,18.440756 C80.6276196,12.4838368 85.3753076,8 91.6282984,8 C94.6068323,8 97.732511,9.32771933 99.7671496,11.4216019 L97.0542487,14.7248642 C95.63848,13.1028551 93.6038414,12.0407687 91.6873939,12.0407687 C88.1474525,12.0407687 85.4041129,14.7841083 85.4041129,18.3816604 C85.4041129,21.9808459 88.1474525,24.7529908 91.6873939,24.7529908 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- I -->
				<g>
				  <path class="letter-fill" d="M101.85403,28.7935814 L101.85403,8.14874852 L106.515302,8.14874852 L106.515302,28.7935814 L101.85403,28.7935814 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M101.85403,28.7935814 L101.85403,8.14874852 L106.515302,8.14874852 L106.515302,28.7935814 L101.85403,28.7935814 Z" transform="translate(0 -8)"></path>
				</g>
				<!-- L -->
				<g>
				  <path class="letter-fill" d="M114.939148,24.7225373 L123.7867,24.7225373 L123.7867,28.7935962 L110.277728,28.7935962 L110.277728,8.14876336 L114.939148,8.14876336 L114.939148,24.7225373 Z" transform="translate(0 -8)"></path>
				  <path class="letter" d="M114.939148,24.7225373 L123.7867,24.7225373 L123.7867,28.7935962 L110.277728,28.7935962 L110.277728,8.14876336 L114.939148,8.14876336 L114.939148,24.7225373 Z" transform="translate(0 -8)"></path>
				</g>
			  </g>
			</svg>
	  </a>
    	      
      <!-- Fullscreen Nav -->
      <a role="button" class="nav-button ml-auto" aria-label="Menu"><span id="nav-icon"><span></span><span></span><span></span><span></span></span></a>
      
      <div class="fixed-top main-menu">
		    <div class="flex-center p-5">
		      <ul class="nav flex-column text-center">
		        <li class="nav-item delay-1"><a class="nav-link animsition-link" href="./">Portfolio</a></li>
		        <li class="nav-item delay-2"><a class="nav-link animsition-link" href="services">Services</a></li>
		        <li class="nav-item delay-3"><a class="nav-link animsition-link" href="about">About</a></li>
		        <li class="nav-item delay-4"><a class="nav-link" href="#" rel="nofollow" data-toggle="modal" data-target="#calModal">
					Book a Call 
					<svg style="width: 2rem; height: 2rem;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
					  <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"/>
					  <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"/>
					</svg>
				</a></li>
		      </ul>
		    </div>	    
		  </div>
      
  	</div>
  </nav>
  
  <!-- Description -->
  <div id="description" class="mb-0">Freelance UI/UX Designer from Vinaròs, Spain</div>
  
  <!-- Social -->
  <aside id="social">
	  <ul class="list-inline">
		  <!--<li class="list-inline-item">Social</li>-->
		  <li class="list-inline-item"><a href="https://www.linkedin.com/in/miguelangelsanchezrubio/" title="LinkedIn" target="_blank"><span>IN</span><img src="img/icons/icon-linkedin.svg" class="svg" alt="LinkedIn"></a></li>
		  <li class="list-inline-item"><a href="https://www.instagram.com/xtencil/" title="Instagram" target="_blank"><span>IG</span><img src="img/icons/icon-instagram.svg" class="svg" alt="Instagram"></a></li>
		  <li class="list-inline-item"><a href="https://dribbble.com/xtencil" title="Dribbble" target="_blank"><span>DB</span><img src="img/icons/icon-dribbble.svg" class="svg" alt="Dribbble"></a></li>
		  <li class="list-inline-item"><a href="https://www.behance.net/xtencil" title="Behance" target="_blank"><span>BE</span><img src="img/icons/icon-behance.svg" class="svg" alt="Behance"></a></li>
		  <!--
		  <li class="list-inline-item"><a href="https://www.domestika.org/es/xtencil" title="Domestika" target="_blank"><span>DK</span><img src="img/icons/icon-domestika.svg" class="svg" alt="Domestika"></a></li>
		  <li class="list-inline-item"><a href="https://twitter.com/xtencil" title="Twitter" target="_blank"><span>TW</span><img src="img/icons/icon-twitter.svg" class="svg" alt="Twitter"></a></li>
			-->
		  <li class="list-inline-item"><a href="https://www.facebook.com/xtencil" title="Facebook" target="_blank"><span>FB</span><img src="img/icons/icon-facebook.svg" class="svg" alt="Facebook"></i></a></li>
	  </ul>
  </aside>
<main id="404" class="d-flex align-items-center justify-content-center">
	
	<!-- Header -->
	<section id="error404">
		<div class="container text-center">
			<h1>Oops!</h1>
			<p class="lead mb-0"><span class="uppercase small medium">Page not found</span><br> Apologies…<br /> I promise to punish my Oompa Loompas ;)</p>
		</div>
		<div id="header-bg">
			<div class="lineY" id="line-01"></div><div class="lineY" id="line-02"></div><div class="lineY" id="line-03"></div><div class="lineY" id="line-04"></div><div class="lineX" id="line-05"></div><div class="lineX" id="line-06"></div><div class="lineX" id="line-07"></div><div class="lineX" id="line-08"></div>
		</div>	
		<div id="grid-container">
			<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div><div>12</div><div>13</div><div>14</div><div>15</div><div>16</div><div>17</div><div>18</div><div>19</div><div>20</div><div>21</div><div>22</div><div>23</div><div>24</div><div>25</div>
		</div>
	</section>
	
</main>

		<!-- FOOTER -->
		<footer id="footer-links" class="fixed-bottom">
			<div class="container-fluid">
				<div class="row d-flex align-items-center">
					<div class="col-md-4 text-right order-md-last">
						<a href="mailto:xtencil@gmail.com" class="semibold big">xtencil@gmail.com</a>
					</div>
					<div class="col-md-8">
						<ul class="list-inline pt-1">
							<li class="list-inline-item"><a href="terms-and-conditions" class="animsition-link">Terms of use</a></li>
							<li class="list-inline-item"><a href="privacy-policy" class="animsition-link">Privacy policy</a></li>
							<li class="list-inline-item"><a href="cookies-policy" class="animsition-link">Cookies policy</a></li>
							<li class="list-inline-item">&copy; 2026 Xtencil.com</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
	</div>
	
	<!-- Cursor -->
	<div class="cursor"></div>
	
	<!-- Modal Bootstrap 4 -->
	<div class="modal fade" id="calModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="calModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title" id="calModalLabel">Reserva una reunión</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
			<!-- Contenedor donde se incrustará Cal -->
			<div id="cal-xtencil"></div>
		  </div>
		</div>
	  </div>
	</div>
	
	
	  

  <!-- JavaScript -->
  <script src="js/vendor/animsition.min.js"></script>
  <script src="js/vendor/jquery.fullpage.min.js"></script>
  <script src="js/vendor/gsap.min.js"></script>
  <script src="js/vendor/Draggable.min.js"></script>
  <script src="js/vendor/bootstrap.min.js"></script>
  <script src="js/vendor/owl.carousel.min.js"></script>
  <script src="js/vendor/autosize.min.js"></script>
  <script src="js/vendor/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="js/custom.js?v=2.2.0"></script>

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="js/vendor/ie10-viewport-bug-workaround.js"></script>  
  
  <!-- Script de Cal.com -->
  <script type="text/javascript">
	(function(C, A, L){
	  let p = function(a, ar){a.q.push(ar);};
	  let d = C.document;
	  C.Cal = C.Cal || function(){
		let cal = C.Cal;
		let ar = arguments;
		if (!cal.loaded) {
		  cal.ns = {};
		  cal.q = cal.q || [];
		  d.head.appendChild(d.createElement("script")).src = A;
		  cal.loaded = true;
		}
		if (ar[0] === "init") {
		  let ns = ar[1];
		  if (typeof ns === "string") {
			cal.ns[ns] = { q: [] };
			p(cal.ns[ns], ar);
		  } else {
			p(cal, ar);
		  }
		} else {
		  p(cal, ar);
		}
	  };
	})(window, "https://cal.com/embed.js");
  </script>
  
  <!-- Inicializar inline cuando el modal se muestre -->
  <script>
	$('#calModal').on('shown.bs.modal', function () {
	  Cal("inline", {
		elementOrSelector: "#cal-xtencil",
		calLink: "xtencil",
		config: {
		  theme: "light"
		}
	  });
	});
  </script>

	
  </body>

</html>
