implementing_findologic_branding

implementing_findologic_branding

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
implementing_findologic_branding [2018/11/27 17:34]
markus
— (current)
Line 1: Line 1:
-===== Implementing the FINDOLOGIC logo and branding ===== 
  
- 
-==== Standard on-screen-display ==== 
- 
-The logo of FINDOLOGIC has to be integrated 
-  * **On top** of all pages, that are being delivered by FINDOLOGIC (search result pages, category pages). 
-  * **In the right corner**. 
-  * **In original size**. 
- 
-**The FINDOLOGIC-logo must link to www.findologic.com**. It is allowed to put a [[https://​support.google.com/​webmasters/​answer/​96569?​hl=de|rel="​nofollow"​-attribute]] to the link.  
- 
-<note important>​The logos may only be shown, if FINDOLOGIC search is activated (no fixed integration allowed, no integration in the fallback search allowed).</​note>​ 
- 
----- 
-==== Use for mobile devices ==== 
- 
-On devices with high PPI (pixels per inch)-rate (smartphones,​ tablets), the FINDOLOGIC-logo has to scaled in an appropriate way. The text has to be clearly readable. The perceived scale has to be equivalent to the rendering of the logo in original size on a 90 PPi display. For these purposes you can use the SVG-variants of the logo: 
-  * [[https://​cdn.findologic.com/​autocomplete/​img/​de_powered_by_FINDOLOGIC_mobile.svg|SVG-logo for mobile devices]] 
- 
-You may only use the mobile logo on the search result page only with the following CSS-styles: 
- 
-\\  
- 
-=== Original === 
- 
-<code html> 
-<div class="​fl-logo-original">​ 
-    <a href="​https://​www.findologic.com/?​utm_source=Logo&​utm_medium=Banner&​utm_campaign=Kundenbranding%202015"​ target="​_blank">​ 
-        <img src="​https://​cdn.findologic.com/​login.symfony/​web/​autocomplete/​img/​de_powered_by_FINDOLOGIC_mobile.svg"​ class="​fl-svg">​ 
-    </a> 
-</​div>​ 
-</​code>​ 
- 
-<code css> 
-.fl-logo-original { 
-    /* Nothing to do. */ 
-} 
-</​code>​ 
- 
- 
-=== Black === 
- 
-<code html> 
-<div class="​fl-logo-black">​ 
-    <a href="​https://​www.findologic.com/?​utm_source=Logo&​utm_medium=Banner&​utm_campaign=Kundenbranding%202015"​ target="​_blank">​ 
-        <img src="​https://​cdn.findologic.com/​login.symfony/​web/​autocomplete/​img/​de_powered_by_FINDOLOGIC_mobile.svg"​ class="​fl-svg">​ 
-    </a> 
-</​div>​ 
-</​code>​ 
- 
-<code css> 
-.fl-logo-black img { 
-    -webkit-filter:​ contrast(0%) brightness(0%);​ 
-    filter: contrast(0%) brightness(0%);​ 
-} 
-</​code>​ 
- 
- 
-=== White === 
- 
-<code html> 
-<div class="​fl-logo-white">​ 
-    <a href="​https://​www.findologic.com/?​utm_source=Logo&​utm_medium=Banner&​utm_campaign=Kundenbranding%202015"​ target="​_blank">​ 
-        <img src="​https://​cdn.findologic.com/​login.symfony/​web/​autocomplete/​img/​de_powered_by_FINDOLOGIC_mobile.svg"​ class="​fl-svg">​ 
-    </a> 
-</​div>​ 
-</​code>​ 
- 
-<code css> 
-.fl-logo-white { 
-    /* Nothing to do. */ 
-} 
-.fl-logo-white img { 
-    -webkit-filter:​ contrast(0%) brightness(0%) invert(); 
-    filter: contrast(0%) brightness(0%) invert(); 
-} 
-</​code>​ 
- 
- 
-=== Grey === 
- 
-<code html> 
-<div class="​fl-logo-grey">​ 
-    <a href="​https://​www.findologic.com/?​utm_source=Logo&​utm_medium=Banner&​utm_campaign=Kundenbranding%202015"​ target="​_blank">​ 
-        <img src="​https://​cdn.findologic.com/​login.symfony/​web/​autocomplete/​img/​de_powered_by_FINDOLOGIC_mobile.svg"​ class="​fl-svg">​ 
-    </a> 
-</​div>​ 
-</​code>​ 
- 
-<code css> 
-.fl-logo-grey img { 
-    -webkit-filter:​ contrast(0%) saturate(0%) brightness(60%);​ 
-    filter: contrast(0%) saturate(0%) brightness(60%);​ 
-} 
-</​code>​ 
- 
-<​note>​If you want to use a SVG-logo for your desktop version, please contact [[support@findologic.com]]</​note>​ 
- 
----- 
-==== Logo variants ==== 
- 
-[[customer_account:​template_manager:​template_manager_plugins#​logo|In this documentation]] you can get informations,​ how to integrate the logo via the [[customer_account:​template_manager|template manager]] in the FINDOLOGIC [[customer_account|customer account]]. 
- 
-<note important>​ 
-If your shop does not fit to the logos presented above in terms of colour, assign a bright or white background to the area in which the logo is placed in order to integrate transparent logos or logos with white background in an appropriate way. 
- 
-Example:\\ 
-{{:​logo1.png|}} 
-</​note>​ 
- 
-{{tag>​branding logo}}