1. Please send links to the design themes you like from the

1.1 Behance — Hundreds or thousands of the best designs

1.2 Dribbble — Also hundreds or thousands

1.3 Templatemonster

1.4 URL any website or application that you like

For example you like https://dribbble.com/shots/21205051-Dating-App-Design-Concept.

​

2. Specify a dating platform landing page (http/url) that you like, which we will consider as the basis or inspiration for your platform. This will help us understand how you envision your platform's website.
​

For example you like, https://hinge.co/.
​

3. We need your logo. You can create one using the tools listed in the free tools section at https://www.datingpro.com/blog/free-business-tools/.

Create a landing page like https://hinge.co/ with your logo in the style of https://dribbble.com/shots/21205051-Dating-App-Design-Concept but with different text about you. This means your app and website will feature this landing page. The color scheme of the site and apps will match the landing page's palette.

*1 look at the role descriptions here.

1. Send us the link to your chosen theme and your logo.

2. Make the payment, specifying the amount agreed upon with your manager.

3. Receive your apps and website with a fresh, unique design.

Contact our sales team to get started

By using the tool Figma Plugin, we can now transfer any website or application to Figma using the links you provide and make design edits.​

​

Edit your site’s colors schemes, fonts, images and logos in the administration control panel under Services > Customize your service > System > Themes.

​​Visit Dating Pro Marketplace to enhance functionality and select a unique design.

If you would like to create a custom theme though, some programming knowledge will be required, and you will need to access site files via FTP or with File Manager.
​

1. To create a new theme, open your site files and go to /application/views. You will find /flatty and /gentelella directories that contain templates, CSS files and other files that constitute a design theme:

2. Copy a selected directory (with its contents) and give it a new name. Here, I copied a directory for the user interface:

3. Within the new directory, open file theme.php and edit the following lines:

$_theme[“gid”] = “theme_new”; //give your theme a new ID
​$_theme[“type”] = “user”;
​$_theme[“name”] = “New theme for user mode”; //a new name
​$_theme[“description”] = “New theme 2022”; //a new description
​

4. The theme will appear under ‘Available themes’ in the administration panel.

Click ‘Install’ to activate this theme and edit it.

5. After that, you are free to edit the theme files. Or proceed with editing themes directly from the administration panel.

1. Go to Interface > Themes > Installed themes > select the theme that you want to edit logotype for > click on Edit logo.

2. You will get to the Logo editor:

3. Now you can upload two types of logos:

4. Make sure to save the changes.

Note: To edit the logo and the background image on the main page, please view this detailed manual How do I modify the main page of my dating site?

1. Go to Interface > Themes > Installed themes > select theme > click Edit colours:

2. The color schemes that you see in the list are: Default, Honey, Arundiana, Luisia, Listera, Dendrobium and Bonatea.

3. Click ‘Edit colours’ for the selected scheme, and you will be able to edit the colors and fonts:

​

A logotype is an identifying symbol that serves the purpose of branding your site.

It also lets you get back to the homepage from any other page if you click on it.

To change the site logotype, go to your admin panel > Services > Customize your service > System > Themes > Edit coloset > Edit logo
​

This section allows site administrator to manage site logotype.
​

To upload another logo, browse for the necessary image that should be displayed as logotype.
​

Please note that the default logo size is 260*50 px.
​

If the image you selected is of a different size, the system will automatically fit it to the default sizes.
​

That’s why it may be stretched or squeezed.
​

You can change the logo size settings in the same site section; just make sure that it matches the site layout.

You can resize the logo picture in any picture editor.

Don’t forget to click the ‘Save‘ button at the bottom of the page.
​

This is how a new logotype looks like on the index (landing page | main page) page in the user mode.
​

In “Logotype” section you can also edit the small logotype.
​

The small logo appears on all site pages except for the Index Page (landing page | main page).
​

Small logo default size is 30*30 px. Please note that the site design may be corrupted if you exceed the default sizes.

While uploading your logo images, the system will automatically adapt them to fit the indicated sizes.

If your logo doesn’t fit the required sizes, we recommend that you resize it in any picture editor.

Don’t forget to click the ‘Save‘ button at the bottom of the page.
​

It is possible to create a unique logotype for each language version of your site.

Choose another language tab and you will get a form to modify logotype for the selected language version.

If you don’t have a logo yet, you may order a custom one from our Experts Team. The custom logo will meet your requirements and fit your business objectives.

Create your logo design online for your business or project. Its Free to use. Customize a logo for your company easily with free online logo maker:

https://www.freelogodesign.org/

Here is detailed video in which you could know how to change your favicon:

​

​Favicon is a website icon or a file containing one or more small icons, associated with a particular Website or Web page.

It is one of the key factors forming your website branding. It should reflect the main point of your website. Furthermore, it should be individual and remarkable.

Let’s take a look at how you can easily create your own favicon with a free online editor:

• Create your own favicon. You can paint your own or import the file;
​

• Download the file favicon.ico to your PC;
​

• Now you need to create various-sized types of your favicon, so it will look perfect in different browsers and devices. You may use https://realfavicongenerator.net/.

• Open your FTP or cPanel and rename the default favicon.ico file to favicon.ico_;

• Upload the newly created file to the root folder;
​

• Upload the newly created files to the root folder the same way you updated favicon.ico earlier;
​

• Clear browser cache and refresh your website page to see changes.

You may prefer using other favicon generators available online for no extra fee: Favicon Generator One, Favicon Generator Two, Favicon Generator Three, and Favicon Generator Four.

It’s an approach to web design that allows creating a fluid web page that can expand or contract to fit the end user’s screen size.
​

With responsive design, your users will be able to enjoy the site on any devices, be it a laptop, tablet, mobile phone, smart TV or even onboard computer of a car.

Dating Pro websites are mobile-friendly, looks good and works well on any device

1. Optional: Create your design in Figma.

2. Transfer to website builders: Move your design to other website builders. Of course, the design and the landing page can be built using these builders as well.

3. Integrate with System : Landing pages

4. Done. All your landing pages are connected to your dating platform.

This process will help you bring your Figma design to life on your chosen website builder.

Key Theme Components: