Update your Makerkit application Branding
A unique branding is essential to any SaaS. Learn how to update your Makerkit application branding.
Most of the branding details of your SaaS will be stored in the main configuration file of your application. This file is located at src/configurations.ts
.
The site
object contains most of your branding details. You can update the following properties:
site: { name: 'Awesomely - Your SaaS Title', description: 'Your SaaS Description', themeColor: '#ffffff', themeColorDark: '#0a0a0a', siteUrl: process.env.NEXT_PUBLIC_SITE_URL, siteName: 'Awesomely', twitterHandle: '', githubHandle: '', language: 'en', convertKitFormId: '', locale: process.env.NEXT_PUBLIC_DEFAULT_LOCALE,},
- The
name
anddescription
properties will be used in the meta tags of your application - The
themeColor
andthemeColorDark
properties will be used to update the color of the browser bar on mobile devices. - The
siteName
property is a short version of your SaaS title, without the subtitle. - The
twitterHandle
andgithubHandle
properties will be used to link to your social media accounts (if you have any). - The
locale
property is the default language of your application - The
language
property is deprecated and will be removed in a future version of Makerkit. Please use thelocale
property instead. - The
convertKitFormId
property is used to link your application to your ConvertKit account if you use the Newsletter form.
Design Branding
Please refer to the Theming section to learn how to update the design of your application.