BÜCHL Logo

A BÜCHL Hungaria márka logója és a használati útmutató

A BÜCHL Hungaria hivatalos logója, amely tartalmazza a márkanevet és a 25 éves jubileumi elemet. A logo PNG képformátumban érhető el optimális megjelenés érdekében.

Logo variációk

Alapértelmezett (kék fehér háttéren)

<BuchlLogo />

Fehér kék háttéren

<BuchlLogo variant="white" />

Különböző méretek

Kicsi (150px széles)

Közepes (alapértelmezett - 250px széles)

Nagy (400px széles)

Props

Prop	Típus	Alapértelmezett	Leírás
width	string \| number	250	A logo szélessége pixelben
height	string \| number	50	A logo magassága pixelben
variant	'blue' \| 'white'	'blue'	A logo színváltozata (kék vagy fehér)
className	string	''	Egyéni CSS osztályok hozzáadásához
alt	string	'BÜCHL Hungaria Logo'	Alternatív szöveg a képhez

Használati útmutató

Fájl elhelyezése

A logo PNG fájl a /public/Buchl_25_fekvo_kek-1.png helyen található.

Minimális méretek

A logo olvashatósága érdekében a minimális ajánlott szélesség 150px. Ennél kisebb méretben a szöveg nem lesz jól olvasható.

Színhasználat

Fehér háttéren: variant="blue" (alapértelmezett)
Sötét háttéren: variant="white"
A fehér verzió CSS filter-ekkel készül a kék PNG-ből

Arányok megtartása

A logo eredeti aránya 5:1 (szélesség:magasság). Az arányok megtartása érdekében mindig ennek megfelelően állítsd a méreteket.

Implementáció példa

<template>
  <header>
    <NuxtLink to="/">
      <BuchlLogo :height="48" :width="240" />
    </NuxtLink>
  </header>
  
  <footer class="bg-buchl-blue">
    <BuchlLogo variant="white" />
  </footer>
</template>

<script setup>
import BuchlLogo from '~/components/BuchlLogo.vue'
</script>