ComboStrap Site Metadata - Logo

Undraw My Documents

ComboStrap Site Metadata - Logo


A logo is an icon that illustrates your website and is part of what's called branding



Your logo is used as default page image illustration:

You can use your logo in the brand component of the top navigation bar.


    <brand title="ComboStrap Home" color="#075EBB" width="30">
  • Result:


The browser uses it as favicon.

Favicon Verification

Identity page

In the identity forms such as the login, profile or resend password page, the logo is used to reenforce branding.

To create and install your logo, you should follow the favicon getting started article.

Order of precedence

ComboStrap searches a compliant logo in the following places by order of importance. This list uses the png format but the same order is used for others format such as svg

  1. :logo.png
  2. :wiki:logo.png
  3. :favicon-32×32.png
  4. :favicon-16×16.png
  5. :apple-touch-icon.png
  6. android-chrome-192×192.png



Logdust is an open source collection of logos with designs of various cool shapes and types.

Logolab is a nice piece of software that extracts the most important function of a logo and shows yours in different context.

Characteristic Definition
balance One side shouldn’t draw all of the attention.
color It should works not only in color (black and white included)
color blind color blindness proof
scalability Be seen in different sizes from really big to really small
containers A logo should fit into a few common shapes.
pixelated The logo form is still visible at low resolutions.
blur blurred logo demonstrate the first glance (quick recognition)
slices Recognizable even when only seeing a small part of it
app icon Render as icon app on a mobile device.
attention Attention comparison with other logo

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
Material Design Choose Icon
How to configure the Favicons

This page is an HowTo that shows you how to choose and install a favicon and your logo image with ComboStrap. You can design your own logo but you can also be inspired by collection of logo In...
Undraw Stepping Up
How to install Dokuwiki ?

Because ComboStrap is built on top of the Dokuwiki Engine, the first step is to install it. This page steps you through this phase of how to install Dokuwiki. Combostrap supports only the latest...

Recommended Pages
Undraw My Documents
App - WebSite Home Page

The website home page is the web page shown when a URL to your website (domain) does not have any path. For instance: This is also known as the top or root index page of the page...
Undraw My Documents
ComboStrap - App (Website)

A ComboStrap website is a whole application (app). Name - The application name Tag line - The headline of your application Manifest (app properties) - With a manifest, a user can install your...
Undraw Logo Design
ComboStrap - App Branding

branding is the process of creating a coherent design that is linked to your company. Through color palette and graphic design, your are passing a message of meaning, emotion and symbolism of what your...
Google Article Card
ComboStrap Metadata - Article Page (News, Blog)

article is a type of page that defines a page where most of the content is textual and is meant to be read. This type of page understands also the subtype: news blog Example: wiki article, ...
Undraw My Documents
ComboStrap UI - Brand

brand is a component that creates a company / brand button or link with the corresponding: logo icon and colors By default, the brand component will show your brand. Ie a button with: your...
Featured Image
Featured Image

A featured image is a page's main illustrative image. The featured image is generally located below or above the page tile. We support two types of featured images: raster that are suitable for...
Undraw Growth Chart R99m
How ComboStrap tackles SEO to bring you more visitors?

seoSearch engine optimization (or SEO) is the process of making your website optimized for search/enginesearch engine (Google, Bing, ...) to get to the top of their result. On a website level, it means:...
Undraw My Documents
How to advertise your website information to be harvested by Search Engine

This article describe the site metadata that are added to the home page
Undraw My Documents
How to define a page advertising your organization

ComboStrap Semantic creates metadata that advertise your organization to search engine and crawler. This article shows you how to create an organization page

Task Runner