File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/../tmpr/../brandcreator/index.php
<!doctype html>
<html data-wf-domain="thebrand.ai" data-wf-page="5cbf4cb231d558ead216ff03" data-wf-site="brandcreator" data-wf-status="1"><head><meta charset="utf-8"/>
<head>
<meta charset="utf-8">
<title>Brand AI - BrandCreator | Professional Brand & Logo Design Made Easy</title>
<meta name="description" content="BrandCreator is your all-in-one AI-powered logo maker and brand identity platform. Instantly generate professional logos, business cards,social media cover photos and branded assets for your business.Free to try! Start by uploading a logo or designing one online!">
<meta content="BrandCreator - AI Logo Maker & Brand Identity Platform | Your Online Brand Creator & Logo Design" property="og:title">
<meta property="og:description" content="Transform your brand with Brand AI - BrandCreator. Easily design your logo, business cards, and brand kit with BrandCreator. Build a memorable brand with our AI-driven design tools—no experience needed!">
<meta property="og:image" content="https://www.thebrand.ai/brandcreator/files/assets/logo-white3.png">
<meta property="twitter:title" content="BrandCreator - AI Logo Maker & Brand Identity Platform | Your Online Brand Creator & Logo Design">
<meta property="twitter:description" content="Create a stunning logo and brand identity with BrandCreator. Generate logos, business cards, and branded templates in minutes—powered by AI">
<meta content="https://www.thebrand.ai/brandcreator/files/favicon-16x16.png" property="twitter:image">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Brand AI - BrandCreator" />
<meta property="og:url" content="https://www.thebrand.ai/brandcreator/index" />
<meta content="summary_large_image" name="twitter:card">
<meta name="twitter:site" content="@thebrandhq" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="files/assets/brandcreator/css/brandcreator.css"
rel="stylesheet" type="text/css">
<script type="text/javascript">!function (o, c) {
var n = c.documentElement, t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);</script>
<link href="https://www.thebrand.ai/brandcreator/files/favicon-16x16.png"
rel="shortcut icon" type="image/x-icon">
<link href="https://www.thebrand.ai/brandcreator/files/assets/logo-white3.png"
rel="apple-touch-icon">
<style>
html, body {
overflow-x: hidden;
width: 100%;
height: auto;
}
body {
-webkit-font-smoothing: antialiased;
}
</style>
<style>
p.lead {
max-width: 700px;
margin: 0 auto 3rem;
font-size: 1.125rem;
color: #444;
text-align: center;
}
/* Container for cards */
.cards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
/* Card styling */
.card {
background: #fff;
border-radius: 20px;
box-shadow: 0 8px 20px rgba(13, 71, 161, 0.1);
padding: 2rem 2.5rem;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid transparent;
}
.card:hover, .card:focus-within {
transform: translateY(-10px);
box-shadow: 0 12px 25px rgba(13, 71, 161, 0.2);
}
.card h2 {
font-size: 1.6rem;
color: #eb008b;
margin-bottom: 1rem;
font-weight: 700;
padding-bottom: 0.3rem;
}
.card ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.card ul li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 1rem;
color: #333;
font-size: 1rem;
}
.card ul li::before {
content: "✓";
position: absolute;
left: 0;
color: #eb008b;
font-weight: 700;
font-size: 1.2rem;
line-height: 1;
top: 0.1rem;
}
/* Paragraphs inside list items */
.card ul li p {
margin: 0;
font-weight: 500;
color: #555;
}
.cardblogs-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.cardblogs {
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
width: 300px;
padding: 20px;
box-sizing: border-box;
transition: box-shadow 0.3s ease;
}
.cardblogs:hover {
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.cardblogs h2 {
font-size: 1.25rem;
margin: 0 0 10px;
}
.cardblogs p {
color: #555;
font-size: 0.95rem;
line-height: 1.4;
}
.cardblogs .date {
font-size: 0.85rem;
color: #999;
margin-bottom: 15px;
}
.cardblogs a {
display: inline-block;
margin-top: 10px;
color: #0073aa;
text-decoration: none;
font-weight: bold;
}
.cardblogs a:hover {
text-decoration: underline;
}
</style>
<link rel="canonical" href="https://www.thebrand.ai/brandcreator/index">
</head>
<body class="body">
<div data-collapse="small" data-animation="default" data-duration="500" data-easing="ease" data-easing2="ease"
role="banner" class="navbar-2 w-nav">
<a href="index" aria-current="page" class="brand w-nav-brand w--current">
<img
src="files/assets/logo-white3.png"
alt="BrandCreator Logo" class="image-23 black-logo" style=" max-width: none; margin-top: 10px;">
<img
src="files/assets/logo-white3.png"
alt="" class="image-47 white-logo" style=" max-width: none; margin-top: 10px;"></a>
<div class="menu-button w-nav-button">
<div class="icon-2 w-icon-nav-menu"></div>
</div>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="choose" class="nav-link w-nav-link">Create Brand!</a>
<a href="https://www.thebrand.ai/blogs/2025/06/how-brandcreator-works-effortless-ai-powered-branding-for-entrepreneurs-a-step-by-step-guide/" target="_blank" class="nav-link w-nav-link">How it Works</a>
<a href="https://www.thebrand.ai/brandcreator/dashboard/auth-signin" class="nav-link w-nav-link">Sign In</a>
<a href="https://www.thebrand.ai/i" class="nav-link w-nav-link">Brand AI</a>
<div data-delay="0" data-hover="false" class="nav-link w-dropdown">
<div class="dropdown-toggle w-dropdown-toggle">
<div class="icon-3 w-icon-dropdown-toggle"></div>
<div class="text-block-61">Resources</div>
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="https://www.thebrand.ai/i" class="dropdown-link w-dropdown-link">Design Templates</a>
<a href="https://www.thebrand.ai/insights/index" class="dropdown-link w-dropdown-link">Brand Insights</a>
<a href="https://www.thebrand.ai/blogs" class="dropdown-link w-dropdown-link">Brand AI Blogs</a>
<a href="https://www.thebrand.ai/sites/index" class="dropdown-link w-dropdown-link">Brand Sites</a>
</nav>b
</div>
</nav>
</nav>
</div>
<div data-header-color="white" class="background-fill">
<div class="header-container"><h1 class="h1">Bring Your Brand to Life</h1>
<h3 data-ix="subtitle-fade-up" class="heading heroh2" style="text-align: center;">
Quickly and effortlessly create a powerful, professional brand identity + logos <br>
that stand out and drives business growth.
</h3>
<div data-ix="hero-button-fade-up" class="hero-buttons">
<div class="button-container">
<div class="button-container-actual"><a href="choose" class="hero-button w-button" aria-label="Get started with BrandCreator to create your professional brand identity and logos">Start Building Your Brand </a>
</div>
</div>
</div>
</div>
</div>
<div data-delay="120" data-animation="fade" class="slider w-slider" data-autoplay="false" data-header-color="white"
data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3"
data-duration="500" data-infinite="true">
<div class="mask w-slider-mask">
<div class="w-slide">
<div class="collection-list-wrapper-2 hero-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div title="Custom Brand Example" class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('https://www.thebrand.ai/brandcreator/files/landing/1505792101235_brandPreviewBackground.png');"></div>
</div>
<div class="div-block-113">
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/65722687ff588d8e12d9d36e_5cbf4cb231d558407117009b_businessCardBack.png)"
class="business-card"></div>
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/65722687ff588d8e12d9d363_5cbf4cb231d558841117008a_1_Stann_20Dupp.png)"
class="business-card"></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="collection-list-wrapper-2 hero-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 heroslider w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 75%; background-image: url('https://www.thebrand.ai/brandcreator/files/landing/1507853183144_brandPreviewBackground.png');"></div>
</div>
<div class="div-block-113">
<div style="background-image:url('https://www.thebrand.ai/brandcreator/files/landing/65722688303eae6e5279774c_5cbf4cb231d55857551700ac_businessCardBack.png')"
class="business-card"></div>
<div style="background-image:url('https://www.thebrand.ai/brandcreator/files/landing/65722688303eae6e52797746_5cbf4cb231d5585af51700bd_businessCardFront.png')"
class="business-card business-card-2"></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="collection-list-wrapper-2 hero-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div title="Custom Brand Example" class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('https://www.thebrand.ai/brandcreator/files/landing/1505699416169_brandPreviewBackground1.png');"></div>
</div>
<div class="div-block-113">
<div title="Business Card Example"
style="background-image :url(https://www.thebrand.ai/brandcreator/files/landing/65722688d6ec3a79b10ed779_5cbf4cb231d558fe2516ff6a_businessCardBack.png)"
class="business-card"></div>
<div title="Business Card Example"
style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/65722688d6ec3a79b10ed779_5cbf4cb231d558fe2516ff6a_businessCardFront.png)"
class="business-card"></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="collection-list-wrapper-2 hero-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div title="Custom Brand Example" class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('https://www.thebrand.ai/brandcreator/files/landing/1505699708298_brandPreviewBackground.png');"></div>
</div>
<div class="div-block-113">
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/6572268827b5b6c800de5c60_5cbf4cb231d55810d6170044_businessCardBackx.png?jfj)"
class="business-card"></div>
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/6572268827b5b6c800de5c5d_5cbf4cb231d55889bd170056_1_Sandy_20Beech.png?ddd)"
class="business-card"></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slide">
<div class="collection-list-wrapper-2 hero-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div title="Custom Brand Example" class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('https://www.thebrand.ai/brandcreator/files/landing/1505506172716_brandPreviewBackgroundy.png');"></div>
</div>
<div class="div-block-113">
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/1505506172716_brandPreviewBackgroundy-Recovered.png)"
class="business-card"></div>
<div style="background-image:url(https://www.thebrand.ai/brandcreator/files/landing/1505521772592_brandPreviewBackgroundx.png)"
class="business-card"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="slide-nav w-slider-nav"></div>
</div>
<div data-header-color="rgb(25, 25, 25)" class="hero-background-fill"></div>
<div data-header-color="rgb(25, 25, 25)" class="div-block-92">
<div class="text-container w-container"><h2 class="title a">Craft Your Distinct Brand Effortlessly</h2>
<div class="text-block-46">Start with an existing logo or build one from the ground up—BrandCreator empowers you to design a stunning, professional brand. Simply upload your logo or use our intuitive logo maker to begin. Then, personalize every detail of your visual identity: logos, colors, fonts, patterns, and imagery. BrandCreator seamlessly transforms your choices into a polished, ready-to-use brand book tailored to your business.
</div>
</div>
</div>
<div class="div-block-93"><a href="https://www.thebrand.ai/brandcreator/choose" class="hero-button top-padding w-button">Get Started</a></div>
<div data-header-color="white" class="div-block-117">
<div class="text-container w-container">
<div class="title a white">A Revolutionary Approach to Branding</div>
<div class="text-block-46 b white">BrandCreator goes beyond the typical logo generator. By blending your input with advanced design automation, it creates a fully customizable professional brand book. Fine-tune your brand’s visual identity to perfection, from logos and colors to typography and patterns. Once complete, showcase your brand with tailor-made profile pictures, cover photos, and business cards designed to make a lasting impression.
</div>
</div>
</div>
<div title="Photo of custom generated brand" class="div-block-125" style="background-image: url('https://www.thebrand.ai/brandcreator/files/landing/5cbf4cb231d558d34817005c_placeit.png');">
<div class="div-block-126"><img
src="files/landing/5cbf4cb231d5583a2817005d_Artboard%201-100.png?hhh"
alt="Color palette generator"
sizes="(max-width: 479px) 45vw, (max-width: 767px) 47vw, (max-width: 991px) 42vw, 43vw"
srcset="files/landing/5cbf4cb231d5583a2817005d_Artboard%201-100.png?kkhkh 947w"
class="image-50"></div>
</div>
<div data-header-color="white" class="div-block-117">
<div class="text-container w-container">
<div class="title a white">What You’ll Achieve</div>
<div class="text-block-46 b white">Design your brand for free with BrandCreator. Customize fonts, colors, and icons to match your vision. Once perfected, choose a payment plan to download your professional brand book, logo, and essential business materials. Choose the tone that best aligns with your brand voice!
</div>
</div>
<div class="text-block-46 link"><a href="https://www.thebrand.ai/blogs/2025/06/how-brandcreator-works-effortless-ai-powered-branding-for-entrepreneurs-a-step-by-step-guide/" target="_blank" class="link-4">Learn More About How BrandCreator Works</a></div>
</div>
<div data-header-color="white" class="div-block-127"><img
src="files/landing/5cbf4cb231d558058d170077_brandcreator-design-kit.png?fef"
alt="Photo of a brand generated by brandcreator" sizes="(max-width: 1041px) 100vw, 1041px"
srcset="files/landing/5cbf4cb231d558058d170077_brandcreator-design-kit-p-500.png?feef 500w, files/landing/5cbf4cb231d558058d170077_brandcreator-design-kit-p-800.png?fef 800w, files/landing/5cbf4cb231d558058d170077_brandcreator-design-kit.png?kej 1041w"
class="image-51">
<div data-header-color="rgb(25, 25, 25)" class="div-block-128"></div>
</div>
<div data-header-color="rgb(25, 25, 25)" class="div-block-91 _2">
<div class="text-container w-container">
<div class="title a">Your Brand is Ready to Shine</div>
<div class="text-block-51 half-white-text">You deserve a brand that reflects your professionalism and uniqueness. With BrandCreator, you can craft a distinctive brand identity and seamlessly apply it across various business materials, ensuring a cohesive and polished presence.
</div>
</div>
</div>
<div data-delay="3250" data-animation="slide" class="slider slider-2 w-slider" data-autoplay="true" data-easing="ease"
data-hide-arrows="false" data-disable-swipe="true" data-autoplay-limit="0" data-nav-spacing="3" data-duration="650"
data-infinite="true">
<div class="w-slider-mask">
<div class="slide w-slide">
<div class="half-slide">
<div class="collection-list-wrapper-2 first-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505451289844_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
<div class="collection-list-wrapper-2 second-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505435468634_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
</div>
</div> <div class="slide w-slide">
<div class="half-slide">
<div class="collection-list-wrapper-2 regular-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505690917654_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
<div class="collection-list-wrapper-2 regular-slide w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505498005214_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide w-slide">
<div class="half-slide">
<div class="collection-list-wrapper-2 first-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505521772592_brandPreviewBackgroundx.png');"></div>
</div>
</div>
</div>
</div>
<div class="collection-list-wrapper-2 second-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505453100823_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide w-slide">
<div class="half-slide">
<div class="collection-list-wrapper-2 first-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505447846837_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
<div class="collection-list-wrapper-2 second-item w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item w-dyn-item">
<div class="html-embed-5 w-embed">
<div style="width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-image: url('files/landing/1505446802792_brandPreviewBackground.png');"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-slider-arrow-left">
<div class="dark-icon w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="icon-4 dark-icon w-icon-slider-right"></div>
</div>
<div class="slide-nav-2 second-nav w-slider-nav w-slider-nav-invert w-round"></div>
</div>
<div class="div-block-102"></div>
<div class="div-block-91">
<div>
<div class="title a">Start Designing for Free</div>
<div class="text-block-51 half-white-text">Pay only when you’re ready to download your polished brand assets.</div>
</div>
<div class="hero-buttons">
<div class="button-container">
<div class="button-container-actual"><a href="https://www.thebrand.ai/brandcreator/choose" class="hero-button top-padding w-button">Get
Started</a></div>
</div>
</div>
</div>
<div class="text-container w-container">
<div class="title a white">Your All-in-One Brand Identity Platform</div>
<div class="text-block-46 b white"> BrandCreator empowers entrepreneurs and businesses to launch stunning brands in minutes. Our AI-powered platform makes it easy to generate professional logos, business cards, and complete brand kits—no design experience needed. Take creative control and build a memorable brand identity that stands out from day one.
</div>
<div style="margin-top:30px; margin-bottom:30px" class="cards-container">
<section class="card" tabindex="0" aria-labelledby="section1-title">
<h2 id="section1-title">1. Instantly Generate Unique Logo Designs</h2>
<ul>
<li>
<p><strong>Create 100s of Custom Logo Mockups:</strong> Simply enter your business name and preferences to explore a wide range of logo options tailored to your brand.</p>
</li>
<li>
<p><strong>Easy-to-Use Logo Editor:</strong> Customize colors, icons, fonts, and layouts with our intuitive design tools—see your logo come to life on real-world mockups like T-shirts and stationery.</p>
</li>
<li>
<p><strong>AI-Driven Design:</strong> Let artificial intelligence handle the heavy lifting while you focus on what matters—your vision.</p>
</li>
</ul>
</section>
<section class="card" tabindex="0" aria-labelledby="section2-title">
<h2 id="section2-title">2. Download High-Resolution Logo Files</h2>
<ul>
<li>
<p><strong>Versatile File Formats:</strong> Access 4 file types, including SVG, PNG, EPS, and PDF, perfect for web, print, and everywhere in between.</p>
</li>
<li>
<p><strong>Multiple Variations:</strong> Get color, black & white, and transparent background versions to ensure your logo looks perfect in any brand setting.</p>
</li>
</ul>
</section>
<section class="card" tabindex="0" aria-labelledby="section3-title">
<h2 id="section3-title">3. Build Your Complete Brand Kit</h2>
<ul>
<li>
<p><strong>Professional Marketing Materials:</strong> Instantly generate hundreds of branded templates—flyers, invoices, email signatures, and more—personalized to your logo and brand colors.</p>
</li>
<li>
<p><strong>Exclusive Partner Offers:</strong> Unlock over $5,000 in business tools and insights to help you grow faster.</p>
</li>
</ul>
</section>
<section class="card" tabindex="0" aria-labelledby="section4-title">
<h2 id="section4-title">4. Ready-to-Use Social Media Branding</h2>
<ul>
<li>
<p><strong>Optimized Social Media Templates:</strong> Get perfectly sized logo versions for all major platforms—Facebook, Instagram, X (Twitter), YouTube, and more.</p>
</li>
<li>
<p><strong>Customizable Profile & Cover Photos:</strong> Make your brand consistent and eye-catching across all your social channels.</p>
</li>
</ul>
</section>
<section class="card" tabindex="0" aria-labelledby="section5-title">
<h2 id="section5-title">5. Design and Print Business Cards</h2>
<ul>
<li>
<p><strong>Professional Business Card Templates:</strong> Choose from 20+ expertly crafted designs, fully customizable to match your brand identity.</p>
</li>
<li>
<p><strong>Seamless Printing:</strong> Download print-ready files and send them to any local or online printing service with ease.</p>
</li>
</ul>
</section>
<section class="card" tabindex="0" aria-labelledby="section6-title">
<h2 id="section6-title">6. Brand Guidelines and Support</h2>
<ul>
<li>
<p><strong>Comprehensive Brand Guide:</strong> Receive a detailed guide outlining your logo’s fonts, colors, and usage tips for consistent branding.</p>
</li>
<li>
<p><strong>Expert Tips:</strong> Learn how to use your logo files across different platforms and media for maximum impact.</p>
</li>
</ul>
</section>
</div>
</div>
<div class="div-block-114">
<div class="div-block-115"><img
src="files/landing/CB.png"
alt="" class="testimonial-logo">
<div class="testimonial-body">"BrandCreator has transformed how I manage my brand. It’s intuitive, efficient, and has saved me countless hours and expenses. Highly recommend it to any business owner!"
</div>
<div class="testimonial-person">— David Chen, Owner, Chen’s Boutique</div>
</div>
<div class="div-block-116"><img
src="files/landing/BW.png" alt=""
class="testimonial-logo">
<div class="testimonial-body white">"I love how BrandCreator empowers me to take control of my business’s branding. It’s efficient, cost-effective, and incredibly user-friendly."
</div>
<div class="testimonial-person white"> Jessica Martin, Founder & CEO, BrightWave Marketing</div>
</div>
</div>
<?php
// Include WordPress wp-config.php to get DB credentials (adjust path if needed)
require_once('../blogs/wp-config.php');
// Connect to WordPress database using credentials from wp-config.php
$conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Query to get published posts from wp_posts table
$sql = "SELECT ID, post_title, post_excerpt, post_date, post_name
FROM wp_posts
WHERE post_status = 'publish' AND post_type = 'post'
ORDER BY post_date DESC LIMIT 6";
$result = $conn->query($sql);
?>
<div class="div-block-91"> <div class="text-container w-container" style=" max-width: 100% !important; text-align: center; display: flex;flex-direction: column;align-items: center;justify-content: center; ">
<div>
<div class="title a">Explore Expert Insights on Design & Branding</div>
<div class="text-block-51 half-white-text">Discover practical tips, industry trends, and inspiring stories to help you build a successful brand and grow your business with confidence.</div>
</div>
<div class="cardblogs-container" style=" display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; /* centers the cards horizontally */ margin: 0 auto; /* centers the container itself if it has a width */ " >
<?php
if ($result && $result->num_rows > 0) {
while ($post = $result->fetch_assoc()) {
$post_url = home_url() . '/' . $post['post_name'] . '/';
$excerpt = !empty($post['post_excerpt']) ? implode(' ', array_slice(explode(' ', strip_tags($post['post_excerpt'])), 0, 15)) . '...' : '';
$date = date('F j, Y', strtotime($post['post_date']));
// Get the featured image URL
$thumbnail_url = '';
$post_id = $post['ID'];
$sql_thumb = "SELECT meta_value FROM wp_postmeta WHERE post_id = $post_id AND meta_key = '_thumbnail_id' LIMIT 1";
$res_thumb = $conn->query($sql_thumb);
if ($res_thumb && $res_thumb->num_rows > 0) {
$thumb_id = $res_thumb->fetch_assoc()['meta_value'];
// Get the image URL from wp_posts (attachment)
$sql_img = "SELECT guid FROM wp_posts WHERE ID = $thumb_id LIMIT 1";
$res_img = $conn->query($sql_img);
if ($res_img && $res_img->num_rows > 0) {
$thumbnail_url = $res_img->fetch_assoc()['guid'];
}
}
echo '<div class="cardblogs">';
if ($thumbnail_url) {
echo '<a href="' . htmlspecialchars($post_url) . '"><img src="' . htmlspecialchars($thumbnail_url) . '" alt="' . htmlspecialchars($post['post_title']) . '" style="width:100%; border-radius:6px 6px 0 0;"></a>';
}
echo '<a href="' . htmlspecialchars($post_url) . '"><h4 style="color:#eb008b">' . htmlspecialchars($post['post_title']) . '</h4></a>';
//echo '<div class="date">' . $date . '</div>';
echo '<p>' . htmlspecialchars(strip_tags($excerpt)) . '</p>';
// echo '<a href="' . htmlspecialchars($post_url) . '">Read More</a>';
echo '</div>';
}
} else {
echo "<p>No posts found.</p>";
}
$conn->close();
?>
</div>
</div>
<div class="hero-buttons" style="margin-top: 20px">
<div class="button-container">
<div class="button-container-actual"><a href="https://www.thebrand.ai/blogs" class="hero-button top-padding w-button">Browse Brand AI Blogs</a></div>
</div>
</div>
</div>
<div class="div-block-76 footer-container">
<div class="footer-logo-container">
<div class="footer-logo-text">Brand AI</div>
</div>
<div class="footer-links-container">
<div class="div-block-80"><a href="index.php" aria-current="page" class="text-block-43 w--current">Home</a> | <a href="https://www.thebrand.ai/i" aria-current="page" class="text-block-43 w--current">Templates</a> | <a href="https://www.thebrand.ai/brandcreator/choose" aria-current="page" class="text-block-43 w--current">Create Brand</a> | <a href="https://www.thebrand.ai/insights/index" aria-current="page" class="text-block-43 w--current">Brand Insights</a>
</div>
</div>
<script src="files/assets/brandcreator/js/jquery.js?l"
type="text/javascript"></script>
<script src="files/assets/brandcreator/js/webflow.7ea19ce76.js?0rel"
type="text/javascript"></script>
<script type="text/javascript">
var $headers = $('[data-header-color]');
var handleScroll = function () {
var scrollTop = $(this).scrollTop();
$headers.each(function () {
var topDistance = $(this).offset().top;
if (topDistance - 32 <= scrollTop) {
var color = $(this).attr('data-header-color');
$('.nav-link.w-nav-link').css('color', color);
$('.dropdown-toggle.w-dropdown-toggle').css('color', color);
$('.icon-2.w-icon-nav-menu').css('color', color);
if (color === 'white') {
$('.white-logo').css('display', 'block');
$('.black-logo').css('display', 'none');
} else {
$('.white-logo').css('display', 'none');
$('.black-logo').css('display', 'block');
}
}
})
}
handleScroll();
$(window).on('scroll', handleScroll);
$(document).ready(function() {
setTimeout(function() {
setInterval(function() {
$(".w-icon-slider-right").trigger("click");
}, 7000); // Click every 5 seconds
}, 10000); // Wait 10 seconds before starting
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ENHHZKM53C"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ENHHZKM53C');
</script>
</body>
</html>