QARTA Architektura

Manuál jednotného vizuálního stylu, verze 3. 11. 2021

Úvod

Tento manuál je pomůcka pro tvorbu konzistentní komunikace napříč digitálními i offline touchpointy.

Více o směřování ateliéru a pro vizuální inspiraci.

Logotyp

Celkem se používají tři varianty logotypu. Dané poměry velikosti a kompozice prvků jsou závazné a není dovoleno je měnit. Značka má následující barevná provedení v černé barvě (pozitivní provedení) a bílé barvě (negativní provedení), která umožňují aplikaci na jakoukoli podkladovou plochu. U každé varianty jsou uvedeny také příklady použití.

QARTA Architektura

Tato varianta je výchozí pro všechny tři varianty logotypu. Skládá se z celého názvu studia „QARTA Architektura“ vysázeného základním písmem Clin QA 123 (Optical +10).

Používáme ji v úplně prvním kontaktu se značkou, když ještě nemusí být zřejmé, že jsme architektonické studio. Například označení kanceláře.

Stáhnout logopack: RGB, CMYK

QARTA

Název „QARTA“, vysázený základním písmem Clin používáme tehdy, když je z kontextu zřejmé, že jsme architektonické studio. Například pro označení propagačních předmětů, pro rozpisky na výkresech a ve spojení s partnerskými značkami.

Stáhnout logopack: RGB, CMYK

QA

Monogram „QA“ je používaný jako grafický symbol, většinou na menším prostoru, když značka slouží jako sekundární označení konkrétních projektů (web, označení prezentace, tiskovin, titulních strany dokumentací).

Stáhnout logopack: RGB, CMYK

Ochranná zóna

Ochranná zóna je minimální velikost plochy v bezprostřední blízkosti logotypu, do které nesmí zasahovat text, jiné logo, ani další grafické prvky. Ochranná zóna zároveň určuje nejmenší vzdálenost od okraje formátu, na který je značka aplikována.

U všech variant logotypu vychází z proporcí liter „Q“ a „A“. Z prostoru ochranné zóny vychází také optický střed, na který je značka vycentrována horizontálně a vertikálně vůči okolním prvkům a podkladovým plochám.

Umístění

Logotypy a monogram se ve formátech používají na omezeném počtu umístění, aby byla zachována konzistence a zabránilo se vzniku příliš velkým blokům negativního prostoru v celkové ploše. Zvýrazněna je vždy primární a sekundární možnost umístění pro vertikální a horizontální formáty.

Rozměry

Respektování rozměrů slouží systematickému používání logotypů především v tištěných materiálech a pomáhá vytvářet jejich jednotný styl.

Minimální velikost určuje doporučenou velikost zaručující jejich bezchybnou reprodukci tiskovými technikami a při zobrazování na obrazovkách.

Podkladové plochy

Pozitivní černé provedení se používá, když je to technologicky možné a značka je dostatečně čitelné (světlé odstíny a materiály, sytost 0–19% černé). Negativní bílé provedení je primárně určené pro barevné podkladové plochy, fotografie a všude tam, kde ostatní provedení nejsou čitelná (tmavší odstíny, sytost 20–100% bílé).

Při umisťování značky na obrázek vždy používáme bílou (negativní) verzi.

Na obrázky se světlým pozadím doporučujeme umístit 10–20% černý odstín, aby byla zachována čitelnost bílé značky.

Partnerské značky

Základní verzi značky „QARTA“ spojujeme s partnerskými značkami tak, aby značka byla ve dvojnásobné vzdálenosti ochranné zóny od partnerské značky a do poloviny této vzdálenosti se umísťuje oddělující linka s výškou ochrané zóny. Výška partnerských značek by měla být stejná nebo menší než je výška linky.

Zakázané varianty

Varianty značek definuje tento manuál a jsou k dispozici v elektronickém formátu. Všechny další úpravy celku i jednotlivých částí jsou zakázané.

Není například dovoleno

• značky deformovat, naklánět a otáčet,
• měnit uspořádání a pozici hlavních prvků,
• vytvářet obrysy, grafické efekty či stínování,
• umístit značky na podkladovou plochu s nerovnoměrnou barevností,
• používat jinou než uvedenou barevnost a jiné než základní písmo.

Uvedené zakázané varianty nevyčerpávají všechny možnosti nedovoleného použití.

Barvy

Identita studia se skládá převážně z černé a bílé. Kromě toho u jednotlivých projektů využíváme syté podpůrné barvy, abychom celkový soustředěný dojem rozsvítili.

Základní

Ve vizuálním stylu jsou jako dvě základní barvy černá a bílá. Následující sekce uvádí přesné definice základních barev v Pantone (pro přímý tisk), CMYK (pro soutisk), RGB a Hex (oboje pro obrazovku). Součástí škály základních barev je také spektrum šedých odstínů.

Doplňkové

Jako doplňkové univerzální barvy pro linky a stínování v dokumentacích a výkresech používáme odstíny cyan, magenta, sytou červenou a oranžovou.

Barvy projektů

U jednotlivých projektů jako pozadí používáme vlastní barvu projektu, pokud možno však syté, výrazné barvy. Nezapomeňte zkontrolovat, zda je kontrast mezi barvou pozadí a bílým textem dostatečný. Přečtěte si více o požadavcích na kontrast na webu W3C a použijte online nástroj pro změření kontrastu.

Na ploše tvořené doplňkovou barvou je používán text a značka pouze v bílé barvě.

Aktuální barevnost projektů (Figma).

Typografie

Písmo Clin ve speciálním řezu, který odpovídá tloušťce mezi Regular a Medium, upravené speciálně pro využití ve vizuálním stylu QA. Má jednoduchý vizuální styl a používá se pouze v jednom řezu. Hierarchie se v sazbě vytváři velikostí jednotlivých stylů (nadpisů, podnadpisů a textu).

Písmo Clin

Základním písmem je Clin QA 123 (Heavyweight), který používáme jako univerzální funkční řez k sazbě značek, nadpisů a delších textů.

Písmo používáme pouze v řezu Regular, tedy žádné tučné (bold) ani zkosené varianty (italic) v textu ani nadpisech.

Font Clin Regular ke stažení

Vzorník písma ke stažení

Instalace písma

Clin Regular QA 123 je licencován pouze pro použití v rámci QA, není povoleno jej jakkoliv šířit nebo upravovat, může být zaslán například do tiskárny jako součást tiskových souborů.

MAC

1. Stáhněte si soubory písem z Disku.
2. Poklepejte dvakrát na soubor „.otf“ a vyberte „nainstalovat“.
3. Voila!

PC

1. Stáhněte si soubory písem z Disku.
2. Klikněte pravým tlačítkem na soubor „.otf“ a vyberte „nainstalovat“.
3. Voila!

Soubory .ttf, .woff a .woff2 slouží pro specifická použití v rámci produkce tiskovin a webových stránek, nejsou určeny k běžnému používání.

Textové styly

Použijte co nejméně různých velikostí textu. Zpravidla stačí jen několik textových stylů pro jeden dokument.

V sazbě odstavců používáme hlavně text zarovnaný doleva.

Velikosti

Respektování velikostních poměrů pomáhá vytvářet jejich jednotný styl. Velikostní řada v pixelech a pointech (px a pt) představuje doporučenou velikost při zobrazování na obrazovkách. Velikostní řada v milimetrech představuje jejich doporučenou velikost při reprodukci tiskovými technikami.

Optimální velikosti pro displej vychází z použití na webu, velikosti pro tisk vycházejí z použití na dopisních papírech.

Na ostatních materiálech, např. prezentačních tiskovinách, je velikost písma definována speciálními pravidly a také v příslušných šablonách.

Systémová písma

Pokud není možnost používat Clin QA 123, například v dokumentech Google, použijeme písmo „Helvetica Neue Regular“ nebo „Arial Regular“. Obě písma jsou k dispozici na většině zařízení a platformách.

Používá se stejná velikostní řada jako u písma Clin QA 123.

Písma používáme vždy pouze v řezu Regular, tedy žádné tučné (bold) ani zkosené varianty (italic) v textu ani nadpisech.

Creative Direction

Při tvorbě obsahu jsou klíčové tyto základní principy:

• Přímočarost – frontloading informací do nadpisů, struktury, obraz. materiálu
• Pestrost – ukazujeme pohromadě různorodé projekty v různých fázích
• Úplnost – ukazujeme od ideové skicy pro zabydlený dům
• Upřímnost – ukazujeme vedle sebe pracovní i vyladěné, špínu i lesk měst
• Jednoduchost – nekomplikovaná práce s obsahem, zjednodušujeme na podstatu

Jejich aplikaci a doporučenoou strukturu shrnuje Prezentace Creative direction digitálního obsahu

Sociální sítě

Základní společná pravidla pro tvorbu grafických příspěvků:

• Odsazení 65 px od všech stran je v rozlišení 1080×1080px.
• Názvy projektů ani textaci nepíšeme do obrázků verzálkami (ABCDEF), vždy používáme malá a velká písmena dle pravopisu.
• Používáme vždy „curly“ apostrof [’] a uvozovky [„“], nikoliv „straight“ apostrof ['] či uvozovky [“”].
• Hlídáme, aby na koncích řádků nezůstaly jednoznakové předložky a spojky (a, k, o, s, v, u, z) a řadové číslice.
• Primární barva textu na podkladové barvě nebo fotografii je bílá. Pokud je podkladová fotografie málo kontrastní, doporučujeme přes fotografii přidat 10–20% šedé, aby byla zajištěna dobrá čitelnost.
• V jednom typografickém postu nekombinujeme barvy pozadí – užíváme vždy jednu.
• Přesné velikosti a odsazení jsou definovány přímo ve zdrojové šabloně.

Profilové obrázky

Ikony profilů na sociálních sítích tvoří čtverec s opticky vycentrovaným monogramem včetně ochranné zóny. Sociální sítě tento čtverec v některých aplikacích ořezávají na kruh.

Jako favicon webových stránek je doporučeno využít monogram s jednolitým barevným pozadím. Nedoporučujeme používat v ikonách kombinaci monogramu a podkladové fotografie, protože může dojít ke snížení čitelnosti.

Profilové obrázky ke stažení

Instagram

Šablona Stories 16:9 (Figma)

Šablony (Figma)

LinkedIn

Šablony (Figma)

Prezentace projektů

Tištěné prezentace projektů využívají formáty A2, A3 na šířku. Připravené šablony v InDesignu obsahují ukázky obálek i dvoustran, textové styly i kompozice. Na obálce doporučujeme pracovat s barvou projektu, pokud ještě není určena, využíváme černou.

Digitální

Šablony (Adobe InDesign)

Tištěná

Prezentace určená pro tisk používá stejné šablony jako „Digitální“, ale potřebuje zleva větší prostor pro vazbu, čehož lze dosáhnout v InDesignu následujícím postupem:

1. Označíme všechny strany, které potřebují větší odsazení zleva. To jsou v tomto případě všechny kromě poslední strany.
2. File > Adjust Layout a v margins - left zvětšit z 7,5 mm na 15–25 mm podle potřeby vazby.
3. Zachovají se vztahy všech elementů na stránce, pouze se zvětší levý okraj.

Šablony (Adobe InDesign)

Merkantilie

Vizitky

Přední strana vizitky o formátu 85 × 55 mm je bílá, se jménem a kontaktními údaji. Zadní strana je rovněž bílá a obsahuje logotyp QA. Kontaktní údaje jsou vysázeny písmem Clin v základní černé barvě. Doporučujeme použít nenatíraný papír s plošnou hmotností 400 g/m², například Munken Print White.

Šablony

Dopisní papír A4 předtištěný

Předtištěný dopisní papír A4 slouží k osobní korespondenci. V jeho pravém horním rohu je umístěn logotyp QA, kontaktní údaje firmy jsou v levém dolním rohu základním písmem. Hlavičkové papíry je možné předtisknout na ofsetové tiskárně s využitím zdrojového souboru InDesignu. Doporučujeme použít papír o plošné hmotnosti 90 g/m².

Šablona (Adobe Indesign)

Obecný dokument A4

Jednotnost tvorby dokumentů zaručuje používání připravených šablon, které se vyplňují v příslušných aplikacích. Dokumenty je pak možné posílat jako přílohy e-mailů nebo tisknout na kancelářské tiskárně (podle druhu merkantilu) na čistý bílý papír A4. Tělo textu se vypisuje základním písmem Clin, případně doplňkovým písmem Arial nebo Helvetica. Číslování stránek doporučujeme nastavit na zobrazení v pravém dolním rohu dokumentu.

Šablona (MS Word)

Obálka DL

Na poštovní obálky všech formátů (DL, C4, C5) se umisťuje logotyp do levého horního rohu. Název a kontaktní adresa firmy jsou vysázeny pod logotypem.

Šablona (Adobe Indesign)

Komplimentka DL

Komplimentka slouží k vyjádření krátkých informací, pozdravů či díků. Doplňuje se vlastnoručním podpisem a krátkým vzkazem. Název a kontaktní adresa firmy jsou vysázeny pod logotypem základním písmem. Logotyp QA je proveden sleporažbou a texty jsou v základní černé barvě. Komplimentky doporučujeme tisknout ofsetovým tiskem na nenatíraný papír formátu 210 × 100 mm a plošné hmotnosti 400 g/m².

Šablona (Adobe Indesign)

Cenová nabídka

Šablona (MS Excel, MS Word)

Objednávka

Šablona (MS Excel)

Faktura

Šablona (MS Excel)

Předávací protokol

Šablona (MS Excel)

Průvodní dopis

Šablona (MS Excel)

Zápis ze schůzky

Šablona (MS Excel, MS Word)

Štítek na projektové desky

Štítek využívá formát A4, v horní částí je umístěný název projektu a logotyp. Využívá se jako samolepka na přední stranu desek s projektovou dokumentací.

Šablona (DWG)

Legenda výkresu

Legenda na pravé straně výkresu používá podobné textové styly jako merkantilní dokumenty s umístěním logotypu QA do pravého horního rohu.

Šablona (DWG)

Razítka

U razítek pro sídlo a obchodní adresu studia v doporučeném rozměru 44 × 22 cm se do horní části aplikuje logotyp QARTA. Kontaktní adresa a obchodní informace se zarovnávají na levý praporek a maximální délka řádku odpovídá šířce logotypu. Číslo razítka (pokud je uvedeno) figuruje v pravém horním rohu.

Šablona (Adobe Indesign)

Prezentace MS PowerPoint

Prezentace zpracovaná v programu MS PowerPoint využívá pro jasné a přehledné sdílení informací zejména heslovité informace, fotografie a vizualizace na formátu 16:9. Základní listy prezentace jsou černé a je možné pracovat s doplňkovými barvami projektů se zachováním principů vizuálního stylu.

Šablona

Emailový podpis

Emailový podpis obsahuje jméno s kontaktními údaji dané osoby zarovnané na levý praporek, pod nimi obchodní údaje a adresa firmy a odkaz na web a sociální sítě. Z technických důvodů v e-mailovém podpisu doporučujeme používat jako doplňkové písmo Arial nebo Helvetica (velikost 10 px nebo stejnou jako velikost textu emailu).

Jako profilový obrázek je v emailovém klientu nebo aplikaci nastavený logotyp QA ve speciální variantě bez pozadí.

Doporučujem vybrat, kopírovat a vložit podpis s odkazy:

Propagační tiskoviny

Plakáty na výšku

Grafické výstupy na výšku využívají formát A1 (594 × 594 mm).

Šablony (Adobe Indesign)

Plakáty na šířku

U grafických výstupů na šířkový formát (2000 × 1000 mm) s využitím podkladové plochy je fotografie projektu umístěna v kompozici na barevné ploše zasahuje do krajů formátu, vyplňuje 50 % nebo celou plochu. Název projektu a logotyp QARTA Architektura by měly využívat bílou barvu. V případě použití fotografie přes celý formát musí být zajištěna dobrá čitelnost textu. Podkladová plocha vychází z barevností samotných projektů.

Šablony (Adobe Indesign)

Materiálové a prostorové aplikace

Označení vchodu – z ulice

Bílá řezaná fólie na mléčném skle (logotyp QARTA Architektura o šířce 675 mm).

Šablona (Adobe Indesign)

Označení vchodu – dvůr

Bílá řezaná fólie na mléčném skle (logotyp QARTA Architektura o šířce 1200 mm).

Šablona (Adobe Indesign)

Kovová cedulka

Standartní kovová cedulka s vyřezaným nápisem a zátěrem písmen černou barvou (logotyp QARTA Architektura o šířce 95 mm).

Šablona (Adobe Indesign)

Nálepka na helmu

Standardní ochranná přilba Lockweiler LAS modré, žluté nebo oranžové barvy se samolepící řezanou grafikou. Na čele umístěn logotyp QA o šířce 80 mm. Na temeni umístěn logotyp QARTA Architektura o šířce 120 mm. Pro modrou barvu doporučujeme použít kontrastní odstín logotypů.

Logotyp QA (CMYK)

Bezpečnostní vesta

Standardní oranžová reflexní vesta s logem QA na hrudi o šířce 80 mm. Velký logotyp QARTA na zádech má šířku 300 mm.

Logotyp QARTA (CMYK)