Minimalist Geometrik Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* Merkezi \u015fekil i\u00e7in animasyon *\/\n @keyframes slowRotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n .wireframe-shape {\n width: 300px; \/* Geni\u015flik *\/\n height: 300px; \/* Y\u00fckseklik *\/\n border: 3px solid rgba(255, 255, 255, 0.3); \/* Yar\u0131 saydam beyaz kenarl\u0131k *\/\n \/* clip-path ile sekizgen olu\u015fturma *\/\n clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);\n animation: slowRotate 45s linear infinite; \/* Yava\u015f d\u00f6nme animasyonu *\/\n position: absolute; \/* Mutlak konumland\u0131rma *\/\n opacity: 0.5; \/* Hafif saydaml\u0131k *\/\n }\n \/* \u0130\u00e7 i\u00e7e ge\u00e7mi\u015f g\u00f6r\u00fcn\u00fcm i\u00e7in ikinci \u015fekil (iste\u011fe ba\u011fl\u0131) *\/\n .wireframe-shape-inner {\n width: 200px;\n height: 200px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);\n animation: slowRotate 55s linear infinite reverse; \/* Ters y\u00f6nde daha yava\u015f d\u00f6nme *\/\n position: absolute;\n opacity: 0.4;\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-slate-900\"> <\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden text-white p-8\">\n<div class=\"absolute inset-0 flex items-center justify-center z-0\">\n<div class=\"wireframe-shape\"><\/div>\n<div class=\"wireframe-shape-inner\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-2xl mx-auto\">\n<h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black mb-6 leading-tight\">\n Netlik ve Odak<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-slate-300 mb-10 font-light\">\n Karma\u015fadan uzak, temel geometrinin g\u00fcc\u00fcyle tasarlanm\u0131\u015f modern \u00e7\u00f6z\u00fcmler.\n <\/p>\n<p> <a href=\"#basla\"\n class=\"inline-block border-2 border-white text-white font-bold py-3 px-10 rounded-md transition duration-300 ease-in-out hover:bg-white hover:text-slate-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-slate-900\"><br \/>\n Ba\u015flay\u0131n<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p> <\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1323","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1323"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1323"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1323"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1323,"date":"2025-04-12T23:40:22","date_gmt":"2025-04-12T20:40:22","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?landing_page=minimalist-geometrik-hero-tasarimi"},"modified":"2025-04-12T23:40:22","modified_gmt":"2025-04-12T20:40:22","slug":"minimalist-geometrik-hero-tasarimi","status":"publish","type":"landing_page","link":"https:\/\/mudosdigital.com\/tr\/ui-library\/minimalist-geometrik-hero-tasarimi\/","title":{"rendered":"Minimalist Geometrik Hero Tasar\u0131m\u0131"},"content":{"rendered":"

\n
\n
\n
\n
\n Minimalist Geometrik Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* Merkezi \u015fekil i\u00e7in animasyon *\/\n @keyframes slowRotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n .wireframe-shape {\n width: 300px; \/* Geni\u015flik *\/\n height: 300px; \/* Y\u00fckseklik *\/\n border: 3px solid rgba(255, 255, 255, 0.3); \/* Yar\u0131 saydam beyaz kenarl\u0131k *\/\n \/* clip-path ile sekizgen olu\u015fturma *\/\n clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);\n animation: slowRotate 45s linear infinite; \/* Yava\u015f d\u00f6nme animasyonu *\/\n position: absolute; \/* Mutlak konumland\u0131rma *\/\n opacity: 0.5; \/* Hafif saydaml\u0131k *\/\n }\n \/* \u0130\u00e7 i\u00e7e ge\u00e7mi\u015f g\u00f6r\u00fcn\u00fcm i\u00e7in ikinci \u015fekil (iste\u011fe ba\u011fl\u0131) *\/\n .wireframe-shape-inner {\n width: 200px;\n height: 200px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);\n animation: slowRotate 55s linear infinite reverse; \/* Ters y\u00f6nde daha yava\u015f d\u00f6nme *\/\n position: absolute;\n opacity: 0.4;\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-slate-900\"> <\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden text-white p-8\">\n<div class=\"absolute inset-0 flex items-center justify-center z-0\">\n<div class=\"wireframe-shape\"><\/div>\n<div class=\"wireframe-shape-inner\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-2xl mx-auto\">\n<h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black mb-6 leading-tight\">\n Netlik ve Odak<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-slate-300 mb-10 font-light\">\n Karma\u015fadan uzak, temel geometrinin g\u00fcc\u00fcyle tasarlanm\u0131\u015f modern \u00e7\u00f6z\u00fcmler.\n <\/p>\n<p> <a href=\"#basla\"\n class=\"inline-block border-2 border-white text-white font-bold py-3 px-10 rounded-md transition duration-300 ease-in-out hover:bg-white hover:text-slate-900 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-slate-900\"><br \/>\n Ba\u015flay\u0131n<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p> <\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1323","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1323"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1323"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1323"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}