Prázdná stránka má bílé pozdadí (#FFFFFF).

Vždy ale používáme, tj. veškerý obsah dáváme do Stripes:

Šedá: #F5F5F5

Modrá: #1DB0EA

Záhlaví je vysoké 80 px, background #F5F5F5

Logo i Menu je zarovnané na střed Záhlaví

FontSize Menu je 18 px

Nadpis stránky - Heading 1

Nadpis stránky Heading 1, 40 px

X: střed stránky, Y: 160 (80 px pod Záhlavím)

Podtitul nadpisu stránky - Heading 4

Podtitul, Heading 4, 32 px

X: střed stránky

Heading 1 - Open Sans, #081423, 40 px

Heading 2 - Open Sans, #081423, 36 px

Heading 3 - Open Sans, #081423, 32 px

Používáme výhradně tyto styly.

Font Open Sans.

Bolt nebo Kurzívu použijeme jen výjimečne.

 

Barva na bílém pozadí:

Headings: #081423(prostřední sloupec, spodní řada colorpickeru)

Paragraphs: #313E4F (prostřední sloupec, předposlední řada colorpickeru)

Barva na modrém pozadí:

Hadings i Paragraphs: #FFFFFF (bílá)

Heading 4 - Open Sans, #081423, 28 px

Heading 5 - Open Sans, #081423, 24 px
Heading 6 - Open Sans, #081423, 20 px

V mobilní verzi používáme pouze fontu velikosti:

29px - Heading 1 - Heading 2

16px - Heading  3 - Heading 6

12px - paragraph

Paragraph 1 - Open Sans, #313E4F, 18 px

Paragraph 2 - Open Sans, #313E4F, 14 px

Paragraph 3 - Open Sans, #313E4F, 12 px

€10.80 / month

  • Item 1

  • Item 2

  • Item 3

Aktivní URL odkaz - link - je podtržený

Znak měny € uvádíme před částkou, bez mezery.

Pro EUR používáme desetinou tečku (ne čárku).

Výčet položek: používáme jednoduchý Bullet list zarovnaný doleva

VektorArt nastavujeme barvu :

- na bílem pozadí #313E4F (čtvrtá shora na paletě)

- na modrém pozadí: #FAFAFA

Obrázky pojmenováváme podle toho, co na nich je a pro Google přidáváme popis:

"SQL Server Tips"

Obrázky pojmenováváme podle toho, co na nich je a pro Google přidáváme popis: "MicrosoftSQLServer-logo-transparent.png"

Přeložené tlačítko bez linku

V mobilní verzi je šířka buttonu 160px, pokud se obsah nevejde (zejm. v překladech), tak 180, 200, max 220px

Výška 40px

Button na bílém pozadí:

Pozadí Modrá: #1DB0EA

Border: 0 px

Corner: 3px

Hover: výplň se změní na tmavě modrou (#39729B)

Text Paragraph 2 (14px, #FFFFFF)

Šířka: 250 px, rozšiřujeme jen pokud se text nevejde

Výška: 40px

Spodní okrajn posledního objektu v sekci by měl být cca 80 px od konce cekce (mezera je velká 80 px)

Nadpis sekce - Heading 2

Nadpis sekce dáváme 80 px pod začátek Stipu (mezera je velká 80 px)

Y = Y Stripu + 80

Podtitul nadpisu sekce - Heading 5.

Podtitul už e obvykle celá věta nebo několik vět, tj. na konci je vždy tečka.

Nadpis odstavce - Heading 6

Paragraph 1 #FFFFFF  (bílá na modré)

Názvy produktů, verzí, edicí píšeme s Velkým Písmenem na Začátku Slov

  • Microsoft Windows Server 2019 Datacenter

  • Microsoft SQL Server 2019 Enterprise

  • Microsoft System Center 2019 Datacenter

Button na modrém pozadí:

Background: #FFFFFF

Border: 0 px

Corner: 3px

Text Paragraph 2 (14px, #1DB0EA)

Hover: výplň se změní na světle modrou (#D1E0EB)

Šířka: 250 px, rozšiřujeme jen pokud se text nevejde

Výška: 40px

SQL experts at your fingertips

Microsoft Certified SQL experts ready to help.
Years of experience & thousands of solved issues
  • SQL performance tuning

  • SQL clustering

  • SQL backup and disaster recovery

  • SQL licensing issues

  • Choosing the right SQL version, edition and licensing program

Zápatí je vysoké 80 px, background #F5F5F5

Logo i Text jsou zarovnané na střed Zápatí

Styl Paragraph 1 - 18px