{"id":190,"date":"2026-04-07T10:37:29","date_gmt":"2026-04-07T10:37:29","guid":{"rendered":"https:\/\/bewitchedby13.shop\/?page_id=190"},"modified":"2026-05-11T08:08:21","modified_gmt":"2026-05-11T08:08:21","slug":"elementor-190","status":"publish","type":"page","link":"https:\/\/bewitchedby13.shop\/it\/","title":{"rendered":"Clean brand & website for your business"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n Premium Visual Identity & Web Design | Helsinki Designer<\/title>\n <meta name=\"description\" content=\"Clean brand and website design for your business. Professional visual identity and modern websites delivered in 2-5 days. Based in Helsinki.\">\n\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=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: \"#0A0A0A\",\n beige: \"#F5F1EB\",\n gold: \"#C2A87A\"\n },\n fontFamily: {\n serif: [\"Cormorant Garamond\", \"serif\"],\n sans: [\"Inter\", \"sans-serif\"]\n }\n }\n }\n }\n <\/script>\n\n <style>\n html {\n scroll-behavior: smooth;\n }\n\n .video-overlay {\n background: linear-gradient(to bottom, rgba(10,10,10,0.3), rgba(10,10,10,0.5));\n }\n\n @keyframes slow-float {\n 0% { transform: translate3d(0,0,0) scale(1); }\n 50% { transform: translate3d(0,-8px,0) scale(1.02); }\n 100% { transform: translate3d(0,0,0) scale(1); }\n }\n\n #contact .contact-bg-image {\n animation: slow-float 10s ease-in-out infinite;\n }\n <\/style>\n<\/head>\n\n<body class=\"font-sans text-primary bg-white antialiased\">\n\n <!-- Navigation -->\n <nav class=\"fixed top-0 left-0 right-0 z-50 bg-white\/95 backdrop-blur-sm border-b border-gray-100\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"flex items-center justify-between h-20\">\n <a href=\"#hero\" class=\"font-serif text-xl font-medium tracking-wide\">Designer<\/a>\n <ul id=\"nav-menu\" class=\"hidden md:flex items-center gap-8\"><\/ul>\n <a href=\"#contact\" class=\"bg-primary text-white px-6 py-2.5 rounded-full text-sm font-medium hover:bg-primary\/90 transition-colors\">Contact<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <section id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden\">\n <video\n autoplay\n muted\n loop\n playsinline\n class=\"absolute inset-0 w-full h-full object-cover\">\n <source src=\"https:\/\/bewitchedby13.shop\/wp-content\/uploads\/2026\/03\/video-8.mp4\" type=\"video\/mp4\">\n <\/video>\n\n <div class=\"video-overlay absolute inset-0\"><\/div>\n\n <div class=\"relative z-10 container mx-auto px-6 lg:px-12 text-center text-white\">\n <h1 class=\"font-serif text-5xl md:text-7xl lg:text-8xl font-light mb-6 leading-tight\">\n Clean brand & website<br>for your business\n <\/h1>\n <p class=\"text-lg md:text-xl lg:text-2xl font-light mb-12 max-w-3xl mx-auto opacity-95\">\n I design your visual style and create a modern website \u2014 simple, fast, professional.\n <\/p>\n <a href=\"#contact\" class=\"inline-block bg-white text-primary px-10 py-4 rounded-full text-base font-medium hover:bg-beige transition-all transform hover:scale-105\">\n Get your website\n <\/a>\n <\/div>\n <\/section>\n\n <!-- About Section -->\n <section id=\"about\" class=\"py-24 md:py-32 bg-beige\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl font-light mb-8\">Design with clarity<\/h2>\n <div class=\"w-16 h-px bg-gold mx-auto mb-8\"><\/div>\n <p class=\"text-lg md:text-xl leading-relaxed text-primary\/80 mb-6\">\n I believe in calm, intentional design that speaks for itself. Every brand deserves a visual identity that feels authentic and professional \u2014 not rushed or generic.\n <\/p>\n <p class=\"text-lg md:text-xl leading-relaxed text-primary\/80\">\n Based in Helsinki, I work with businesses who value quality, simplicity, and a refined aesthetic. My approach is personal, focused, and built on trust.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Photo Section -->\n <section class=\"py-24 bg-white\">\n <div class=\"max-w-6xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-16 items-center\">\n <div class=\"relative\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.shop\/wp-content\/uploads\/2026\/03\/318B29B2-6C0B-4D74-A9E0-B52EFBDE4F7F.jpg\"\n alt=\"Vera Goldvein\"\n class=\"w-full h-[560px] object-cover rounded-[36px] shadow-[0_30px_80px_rgba(0,0,0,0.15)]\"\n >\n <div class=\"absolute inset-0 rounded-[36px] border border-black\/10\"><\/div>\n <\/div>\n\n <div>\n <p class=\"text-sm uppercase tracking-[0.25em] text-black\/40 mb-4\">\n Vera Goldvein \u00b7 Helsinki\n <\/p>\n\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl mb-6 leading-tight\">\n I design presence.<br>\n Not just websites.\n <\/h2>\n\n <p class=\"text-lg text-black\/70 mb-6 leading-relaxed\">\n A business is perceived before it is understood.\n <\/p>\n\n <p class=\"text-lg text-black\/70 mb-6 leading-relaxed\">\n I create visual identity and websites that feel clear, structured and strong from the first second.\n <\/p>\n\n <p class=\"text-lg text-black\/70 leading-relaxed\">\n No chaos. No cheap visuals. No confusion.\n Only clarity and direction.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section id=\"services\" class=\"py-24 md:py-32 bg-white\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"text-center mb-16\">\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl font-light mb-4\">What I offer<\/h2>\n <div class=\"w-16 h-px bg-gold mx-auto\"><\/div>\n <\/div>\n <div id=\"services-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-7xl mx-auto\"><\/div>\n <\/div>\n <\/section>\n\n <!-- Process Section -->\n <section id=\"process\" class=\"py-24 md:py-32 bg-beige\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"text-center mb-16\">\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl font-light mb-4\">Simple process<\/h2>\n <div class=\"w-16 h-px bg-gold mx-auto mb-6\"><\/div>\n <p class=\"text-lg text-primary\/70 max-w-2xl mx-auto\">Four clear steps from start to finish<\/p>\n <\/div>\n <div id=\"process-steps\" class=\"max-w-5xl mx-auto\"><\/div>\n <\/div>\n <\/section>\n\n <!-- Pricing Section -->\n <section id=\"pricing\" class=\"py-24 md:py-32 bg-white\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"text-center mb-16\">\n <h2 class=\"font-serif text-4xl md:text-5xl lg:text-6xl font-light mb-4\">Transparent pricing<\/h2>\n <div class=\"w-16 h-px bg-gold mx-auto mb-6\"><\/div>\n <p class=\"text-lg text-primary\/70 max-w-2xl mx-auto\">Clear packages, no hidden costs<\/p>\n <\/div>\n <div id=\"pricing-cards\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\"><\/div>\n <\/div>\n <\/section>\n\n <section class=\"py-16 text-center\">\n <p class=\"text-lg text-black\/70\">\n For small businesses, beauty services, freelancers and local brands\n who need a clean website fast.\n <\/p>\n <\/section>\n\n <!-- Contact Section -->\n <section id=\"contact\" class=\"relative overflow-hidden py-32 bg-black text-white\">\n\n <!-- background image -->\n <div class=\"absolute inset-0\">\n <img decoding=\"async\"\n src=\"http:\/\/bewitchedby13.shop\/wp-content\/uploads\/2026\/04\/3A9A0C70-DCE3-453A-9A66-78C16DBD64BD.jpeg\"\n alt=\"\"\n class=\"contact-bg-image w-full h-full object-cover opacity-50\"\n >\n <\/div>\n\n <!-- layered overlays -->\n <div class=\"absolute inset-0 bg-black\/55\"><\/div>\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.08),transparent_38%)]\"><\/div>\n <div class=\"absolute inset-0 bg-[linear-gradient(to_bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.82))]\"><\/div>\n\n <!-- ambient glow -->\n <div class=\"absolute left-1\/2 top-1\/2 h-[420px] w-[420px] -translate-x-1\/2 -translate-y-1\/2 rounded-full bg-white\/5 blur-3xl animate-pulse\"><\/div>\n\n <div class=\"relative z-10 mx-auto max-w-4xl px-6 text-center\">\n\n <p class=\"mb-6 text-sm uppercase tracking-[0.32em] text-white\/40\">\n BB13 \u00b7 Direct Access\n <\/p>\n\n <h2 class=\"font-serif text-5xl leading-tight md:text-7xl\">\n Enter the conversation\n <\/h2>\n\n <p class=\"mx-auto mt-8 max-w-2xl text-lg leading-relaxed text-white\/68 md:text-xl\">\n Not a form. Not a queue.\n A direct line for pricing, commissions and website requests.\n <\/p>\n\n <!-- portal button -->\n <div class=\"mt-14\">\n <a\n href=\"https:\/\/wa.me\/358413137065?text=Hi%20I%20want%20a%20website\"\n class=\"group relative inline-flex items-center justify-center rounded-full p-[1px]\"\n >\n <!-- outer glow -->\n <span class=\"absolute inset-0 rounded-full bg-[linear-gradient(90deg,rgba(168,85,247,0.85),rgba(236,72,153,0.85),rgba(250,204,21,0.85),rgba(34,211,238,0.8))] blur-xl opacity-70 transition duration-500 group-hover:opacity-100\"><\/span>\n\n <!-- button body -->\n <span class=\"relative inline-flex items-center gap-3 rounded-full border border-white\/20 bg-white\/10 px-10 py-5 backdrop-blur-xl transition duration-300 group-hover:bg-white\/14 group-hover:scale-[1.02]\">\n\n <svg class=\"h-6 w-6 text-white\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/>\n <\/svg>\n\n <span class=\"text-lg font-medium text-white\">\n Contact via WhatsApp\n <\/span>\n <\/span>\n <\/a>\n <\/div>\n\n <div class=\"mx-auto mt-16 h-px w-20 bg-white\/16\"><\/div>\n\n <p class=\"mt-6 text-sm uppercase tracking-[0.2em] text-white\/36\">\n Helsinki \u00b7 By request only\n <\/p>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"bg-primary text-white py-12 border-t border-white\/10\">\n <div class=\"container mx-auto px-6 lg:px-12\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"text-center md:text-left\">\n <p class=\"font-serif text-xl mb-1\">Premium Design Studio<\/p>\n <p class=\"text-white\/60 text-sm\">Helsinki, Finland , Y-tunnus 3334264-8 <\/p>\n <\/div>\n <div class=\"text-center md:text-right\">\n <p class=\"text-white\/60 text-sm\">\u00a9 2024 All rights reserved<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const navigationItems = [\n { label: \"About\", href: \"#about\" },\n { label: \"Services\", href: \"#services\" },\n { label: \"Process\", href: \"#process\" },\n { label: \"Pricing\", href: \"#pricing\" }\n ];\n\n const services = [\n {\n title: \"Visual Identity\",\n description: \"Logo, colors, typography, brand guidelines \u2014 everything you need for a cohesive look.\",\n icon: \"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\n },\n {\n title: \"Website Design\",\n description: \"Modern, responsive websites built with clean code. Fast, mobile-optimized, and easy to manage.\",\n icon: \"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n },\n {\n title: \"Mobile First\",\n description: \"Every design is optimized for mobile devices first, ensuring perfect experience on all screens.\",\n icon: \"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"\n },\n {\n title: \"Fast Delivery\",\n description: \"Projects completed in 2\u20135 days. Quick turnaround without compromising on quality.\",\n icon: \"M13 10V3L4 14h7v7l9-11h-7z\"\n }\n ];\n\n const processSteps = [\n {\n number: \"01\",\n title: \"Understand your business\",\n description: \"We discuss your goals, audience, and vision. I learn what makes your business unique.\"\n },\n {\n number: \"02\",\n title: \"Create your visual style\",\n description: \"I design your brand identity \u2014 logo, colors, typography. Clean, professional, memorable.\"\n },\n {\n number: \"03\",\n title: \"Build your website\",\n description: \"I develop a modern, responsive website that reflects your brand and works perfectly on all devices.\"\n },\n {\n number: \"04\",\n title: \"Review and refine\",\n description: \"You review everything, we make adjustments, and launch when you're completely satisfied.\"\n }\n ];\n\n const pricingPlans = [\n {\n name: \"Starter\",\n price: \"250\u20ac\",\n description: \"Clean and simple online presence\",\n features: [\n \"One-page website\",\n \"Visual style (colors & typography)\",\n \"Mobile optimized layout\",\n \"Clear structure for your business\",\n \"1 revision round\"\n ]\n },\n {\n name: \"Signature\",\n price: \"400\u2013600\u20ac\",\n description: \"Complete brand & website\",\n features: [\n \"Visual identity direction\",\n \"Modern multi-section website\",\n \"Mobile-first design\",\n \"Clear structure & layout\",\n \"Contact system\",\n \"2\u20133 revision rounds\"\n ],\n featured: true\n }\n ];\n\n function renderNavMenu(items) {\n return items.map(item =>\n `<li><a href=\"${item.href}\" class=\"text-sm font-medium text-primary\/70 hover:text-primary transition-colors\">${item.label}<\/a><\/li>`\n ).join(\"\");\n }\n\n function renderServices(items) {\n return items.map(item =>\n `<article class=\"bg-beige p-8 rounded-2xl hover:shadow-lg transition-shadow\">\n <div class=\"w-12 h-12 bg-gold\/20 rounded-full flex items-center justify-center mb-6\">\n <svg class=\"w-6 h-6 text-gold\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"${item.icon}\"><\/path>\n <\/svg>\n <\/div>\n <h3 class=\"font-serif text-2xl mb-3\">${item.title}<\/h3>\n <p class=\"text-primary\/70 leading-relaxed\">${item.description}<\/p>\n <\/article>`\n ).join(\"\");\n }\n\n function renderProcessSteps(items) {\n return items.map(item =>\n `<div class=\"flex gap-6 mb-12 last:mb-0\">\n <div class=\"flex-shrink-0\">\n <div class=\"w-16 h-16 bg-gold\/20 rounded-full flex items-center justify-center\">\n <span class=\"font-serif text-2xl text-gold\">${item.number}<\/span>\n <\/div>\n <\/div>\n <div class=\"flex-1 pt-2\">\n <h3 class=\"font-serif text-2xl md:text-3xl mb-3\">${item.title}<\/h3>\n <p class=\"text-primary\/70 text-lg leading-relaxed\">${item.description}<\/p>\n <\/div>\n <\/div>`\n ).join(\"\");\n }\n\n function renderPricingCards(items) {\n return items.map(item =>\n `<article class=\"bg-beige p-10 rounded-2xl ${item.featured ? \"ring-2 ring-gold\" : \"\"} hover:shadow-xl transition-shadow relative\">\n ${item.featured ? '<div class=\"absolute -top-4 left-1\/2 transform -translate-x-1\/2 bg-gold text-primary px-6 py-1 rounded-full text-sm font-medium\">Popular<\/div>' : ''}\n <h3 class=\"font-serif text-3xl mb-2\">${item.name}<\/h3>\n <p class=\"text-primary\/60 mb-6\">${item.description}<\/p>\n <div class=\"mb-8\">\n <span class=\"font-serif text-5xl font-light\">${item.price}<\/span>\n <\/div>\n <ul class=\"space-y-4 mb-8\">\n ${item.features.map(feature => `\n <li class=\"flex items-start gap-3\">\n <svg class=\"w-5 h-5 text-gold flex-shrink-0 mt-0.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n <span class=\"text-primary\/80\">${feature}<\/span>\n <\/li>\n `).join(\"\")}\n <\/ul>\n <a href=\"${item.name === \"Starter\"\n ? \"https:\/\/wa.me\/358413137065?text=Hi%20I%20want%20the%20Starter%20package\"\n : \"https:\/\/wa.me\/358413137065?text=Hi%20I%20want%20the%20Signature%20package\"}\"\n class=\"block w-full bg-primary text-white text-center px-8 py-4 rounded-full font-medium hover:bg-primary\/90 transition-colors\">\n Choose plan\n <\/a>\n <\/article>`\n ).join(\"\");\n }\n\n const nav = document.getElementById(\"nav-menu\");\n const servicesGrid = document.getElementById(\"services-grid\");\n const process = document.getElementById(\"process-steps\");\n const pricing = document.getElementById(\"pricing-cards\");\n\n if (nav) nav.innerHTML = renderNavMenu(navigationItems);\n if (servicesGrid) servicesGrid.innerHTML = renderServices(services);\n if (process) process.innerHTML = renderProcessSteps(processSteps);\n if (pricing) pricing.innerHTML = renderPricingCards(pricingPlans);\n\n document.addEventListener(\"click\", function(event) {\n const link = event.target.closest(\"a[href^='#']\");\n if (!link) return;\n event.preventDefault();\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (target) {\n window.scrollTo({\n top: target.offsetTop - 80,\n behavior: \"smooth\"\n });\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Visual Identity & Web Design | Helsinki Designer Designer Contact Clean brand & websitefor your business I design your visual style and create a modern website \u2014 simple, fast, professional. Get your website Design with clarity I believe in calm, intentional design that speaks for itself. Every brand deserves a visual identity that feels […]<\/p>\n","protected":false},"author":1,"featured_media":195,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-190","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":37,"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/pages\/190\/revisions\/237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/media\/195"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.shop\/it\/wp-json\/wp\/v2\/media?parent=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}