Design Manual F13 CyberTech s.r.o. — Complete Reference

This file contains everything from Design Manual-ref.pdf (55 pages) and Design Manual.docx, so that future sessions never need to open binary files.

Document Metadata

  • Title: Design Manual
  • Subtitle: F13 CyberTech s.r.o.
  • Author: F13 CyberTech s.r.o. / Nicola Horakova
  • Email: info@f13cybertech.cz
  • Classification: Interni
  • Total pages: 55 (reference PDF)

Change Log (Tabulka 1: Zmeny v dokumentu)

VerzeDatumAutorZmeny
0.117.03.2025Nicola HorakovaZmena loga a pridani loga (Rizeni rizik)
0.218.03.2025Nicola HorakovaNova tabulka pro verze
0.320.03.2025Nicola HorakovaUprava tabulky pro verze, pridany titulky, opraven obsah
0.429.03.2025Nicola HorakovaOprava titulkovani obrazku
0.529.03.2025Nicola HorakovaDoplneni Jak ma vypadat oficialni F13 dokument
0.630.03.2025Nicola HorakovaUprava dokumentu pro splneni standardu
0.731.03.2025Nicola HorakovaNova sablona
0.821.07.2025Nicola HorakovaDoplneni loga a pasmo loga
  • Table has full borders (|l|l|l|p{...}| with \hline), NOT booktabs
  • Headers: Verze, Datum, Autor, Zmeny
  • Caption below: "Tabulka 1: Zmeny v dokumentu"

Table of Contents Structure (reference PDF page 3)

The reference TOC title is "Obsah" at 14pt bold Montserrat. Sections are bold, subsections and subsubsections are regular weight.

  1. Uvodni slovo a specifikace znacky
  2. Logotyp
    • 2.1 Varianta pozitivni
    • 2.2 Varianta negativni
    • 2.3 Cerna varianta
    • 2.4 Seda varianta
    • 2.5 Bila varianta
    • 2.6 Nazev firmy v ruznych kontextech
    • 2.7 Pouziti loga v ruznych kontextech
      • 2.7.1 Aplikace loga: Priklady, umisteni a vizualni ukazky
    • 2.8 Jak ma vypadat oficialni F13 dokument
    • 2.9 Jak ma vypadat oficialni F13 prezentace
      • 2.9.1 Ucel prezentace
      • 2.9.2 Format a technicke pozadavky
      • 2.9.3 Struktura prezentace
      • 2.9.4 Barevnost
      • 2.9.5 Typografie
      • 2.9.6 Logo a branding
      • 2.9.7 Cislovani
      • 2.9.8 Stylistika textu
    • 2.10 Povolene a nepovolene pozadi pro loga
    • 2.11 Standardy umisteni loga na ruznych typech dokumentu a platforem
      • 2.11.1 Pro dokument a tiskove materialy
      • 2.11.2 Pro prezentacni materialy
      • 2.11.3 Pro socialni site a jine digitalni materialy
  3. Nepovolene modifikace logotypu
    • 3.1 Jak logo nepouzivat
  4. Firemni pisma
  5. Kodifikace barevnosti
  6. Loga pro okruhy produktu
    • 6.1 Vsechny produkty
    • 6.2 Skoleni
    • 6.3 Zabezpeceni infrastruktury
    • 6.4 Prevence
    • 6.5 Sprava a podpora
    • 6.6 Analyza a evidence
    • 6.7 Regulace a legislativa
    • 6.8 Vyvoj
    • 6.9 IT akademie
  7. Loga produktu
    • 7.1--7.50 (individual product/service logos)
  8. Seznam zkratek a vyznam
  9. Seznam obrazku
  10. Seznam tabulek
  11. Predstaveni F13 CyberTech s.r.o.
  12. Kontakty

Brand Colors (Kodifikace barevnosti) — from reference PDF page 21

Primary Colors

Czech NameEnglishHEXRGBCMYK
Tmave modraDark Blue/Navy#24375236, 55, 8256, 33, 0, 68
CervenaRed#F25944242, 89, 680, 63, 72, 5
SedaGrey#C7C7C7199, 199, 1990, 0, 0, 22

Secondary Colors

Czech NameEnglishHEXRGBCMYK
Svetle modraLight Blue#65A1FF101, 161, 25560, 37, 0, 0
Svetle cervenaLight Red#FFB2A7255, 178, 1670, 30, 35, 0
Svetle sedaLight Grey#F2F2F2242, 242, 2420, 0, 0, 5

LaTeX Color Names

ColorLaTeX nameHEXUsage
F13 Redf13red#F25944Accents, links, logo, shapes
F13 Navyf13navy#243752All body text, headings
F13 Greyf13grey#9D9D9CBorders, secondary elements
F13 Dark Greyf13darkgrey#575756Subtitles, author info

WARNING: The README.md has WRONG colors (#E30613 red, #1D1D1B black). The definitive colors are from the Word document XML srgbClr attributes and confirmed by the reference PDF color page: Red = #F25944, Navy = #243752.

Note: #9D9D9C and #575756 are used in the LaTeX template for UI elements but do NOT appear in the official 6-color palette on page 21. They come from the Word XML for specific element styling (borders, dark grey subtitle text).

Typography

Font

  • Montserrat — used exclusively throughout ALL documents and presentations
  • Loaded via fontspec (XeLaTeX required)
  • Styles: Regular, Bold, Italic, BoldItalic

Document Font Sizes

ElementSizeWeightNotes
Title page heading36 ptBoldMontserrat
Title page subtitle18 ptRegularColor: f13darkgrey
Title page author/date11 ptRegularMontserrat
Section (H1)18 ptBolde.g. "1 Logotyp"
Subsection (H2)16 ptRegularNOT bold per reference PDF
Subsubsection (H3)11 ptRegularNOT bold per reference PDF
Body text11 ptRegularJustified
TOC title "Obsah"14 ptBoldMontserrat
TOC entries (sections)11 ptBoldOnly sections are bold in TOC
TOC entries (sub/subsub)11 ptRegularNot bold
Captions9 ptItalicLeft-aligned (raggedright)
Caption format"Obrazek N: Description"
References title14 ptBoldMontserrat
LOF/LOT titles14 ptBoldMontserrat

Presentation Font Sizes (PowerPoint)

ElementSizeAlignment
Title60 ptCenter
Subtitle24 ptCenter
Author & date18 pt
Slide heading40 ptCenter
Body text20-24pt
Thank you slide60 ptCenter

Text Style Rules

  • Bold for key information emphasis (e.g. "Testovaci faze trva 5 pracovnich dnu")
  • Italic for foreign terms, document names, important concepts (e.g. ISO 27001)
  • No underline — conflicts with hyperlinks
  • Bullet points: filled circles (level 1), outline circles (level 2)

Page Layout & Geometry

A4 paper
Top margin:    30 mm
Bottom margin: 25 mm
Left margin:   25 mm
Right margin:  25 mm
headheight:    20 mm
headsep:       10 mm
footskip:      15 mm

Header

  • Logo in top-left corner (height 1.61 cm, width 5.52 cm)
  • Classification text ("Interni") in top-right

Footer

  • "Stranka X z Y" in bottom-right
  • Title page has NO footer/page numbers

Paragraph Style

  • Justified text
  • Paragraph spacing (parskip) between paragraphs, NO indentation (parindent = 0)
  • parskip approximately 6-8pt

Title Page Layout (TikZ, absolute coordinates)

The title page uses geometric shapes as background decoration.

Text Content (TikZ nodes, absolute from page south-west)

  • Title: y=17.5cm, x=2.5cm, anchor=west, 36pt bold, f13navy
  • Red underline: (2.5, 16.6) -- (9.5, 16.6), 1pt red line
  • Subtitle: y=15.7cm, x=2.5cm, anchor=west, 18pt, f13darkgrey
  • Author + email: y=3.0cm, x=2.5cm, anchor=south west, 11pt
  • Date: (18.5, 3.0), anchor=south east, 11pt

Geometric Shapes

  • Red diagonal line: (19.5, 28.2) -- (-0.5, 2), 1.5pt
  • Red triangle top-right: (21, 29.7) -- (14.5, 29.7) -- (21, 24.5) -- cycle, filled f13red
  • Navy upper wing: (21, 27.5) -- (21, 20.5) -- (12.5, 14.5) -- (14.5, 22) -- cycle
  • Navy lower wing: (21, 19) -- (21, 11) -- (12.5, 14.5) -- cycle
  • Navy parallelogram bottom-left: (0, 7.5) -- (2.3, 12) -- (2.3, 8) -- (0, 4) -- cycle
  • Red triangulated mesh: clipped to lower wing area, upward+downward triangles, opacity=0.45
  • Logo: centered at top of page, width 8cm (logo-large.png)

Page Style

  • titlepage style: header with logo + classification, NO footer

Document Structure Rules (from Section 2.8)

Header

  • Logo in top-left corner (zahavi)

Footer

  • Page numbering: bottom-right, format "Stranka X z Y"
  • Title page is NOT numbered

Layout

  • Preferred orientation: portrait
  • Exception: wide tables may use landscape orientation (widepage environment)

Title Page Elements

  • Title: 36pt Montserrat
  • Subtitle: 18pt Montserrat
  • Author: 11pt Montserrat
  • Author's company email: 11pt Montserrat
  • Document creation date: 11pt Montserrat

Change Log Requirements

  • Every document MUST have a change log section
  • Unauthorized versions start at 0.X
  • After management approval, numbering starts at 1.1

Table of Contents

  • Every document MUST have a TOC
  • Title "Obsah": 14pt Montserrat
  • Text: 11pt Montserrat

Heading Structure

  • H1 (e.g. "1 F13"): 18pt Montserrat
  • H2 (e.g. "1.2 F13"): 16pt Montserrat
  • H3 (e.g. "1.2.1 F13"): 11pt Montserrat

Objects in Document

  • Images: text wrapping = square
  • Captions for images, tables, graphs, equations, diagrams:
    • Must be BELOW the object
    • 9pt italic Montserrat
    • Starts with capital letter
    • Format: "Obrazek 1: Logo original"
    • Label separator: colon

References

  • End of document should have a references section
  • Title "Reference": 14pt Montserrat

Lists of Figures/Tables

  • For better document quality
  • Title: 14pt Montserrat
  • Text: 11pt Montserrat

File Format

  • Final documents: PDF
  • Editable drafts: DOCX

Logo Variants & Usage

5 Logo Variants

VariantImage FileDescription
Pozitivnilogo-positive.pngOriginal color logo
Negativnilogo-negative.jpegWhite + red on dark background
Cernalogo-black.jpegBlack only
Sedalogo-grey.jpegGrey only
Bilalogo-white.pngWhite only (shown on dark background)

Logo pozitivni Logo negativni Logo cerna Logo seda Logo bila

Logo Usage by Context

VariantUse Case
CernaBlack & white documents
SedaSocial media posts (Instagram, Facebook, etc.)
OriginalniColor documents, social media posts
BilaSocial media posts (on dark backgrounds)
Cerveno-bilaSocial media posts

Company Name in Different Contexts

ContextName to use
Social media (LinkedIn, FB, IG)F13 CyberTech
Hashtag#f13cybertech (all lower)
Internal documentsF13 CyberTech
External documentsF13 CyberTech s.r.o.
WebsiteF13 CyberTech s.r.o.
Email communicationF13 CyberTech s.r.o.

Logo Dimensions

ContextHeightWidth
Documents & print1.61 cm5.52 cm
Social media (1080x1080px) max1.60 cm5.50 cm
Social media (1080x1080px) min0.90 cm2.90 cm
Larger materials (1200x800px)min 1.60cmmin 5.50cm

Logo Protection Zone

  • Minimum clearance: 34 px or 9 mm on all sides
  • No text or objects may enter the protection zone

Ochranne pasmo loga

Allowed/Disallowed Logo Backgrounds

  • Logo must be readable — avoid patterned, complex, or low-contrast backgrounds

Povolene pozadi:

Povolene — tmave modra Povolene — cervena Povolene — seda

Nepovolene pozadi:

Nepovolene — modra Nepovolene — ruzova Nepovolene — bila

Prohibited Logo Modifications (Section 3)

  • Do NOT deform proportions (no stretching/squeezing)
  • Do NOT change logo colors (use only defined brand color variants)
  • Do NOT place on unsuitable backgrounds (patterned, complex, low-contrast)
  • Do NOT rotate the logo (always aligned straight)
  • Do NOT add effects (shadows, 3D, other graphic modifications) Nepovolene modifikace logotypu

Presentation Rules (Section 2.9)

Format

  • PowerPoint (.pptx)

Structure

  1. Title slide — name, subtitle, presenter name, creation date
  2. Contents (chapter overview)
  3. Introduction / Concept
  4. Main part (chapters, topics, services)
  5. Summary / Recommendations / Call to action
  6. Thank you

Branding

  • Logo on EVERY slide (per template)
  • Do not move, modify, or overlap the logo
  • Colors per design manual (see Kodifikace barevnosti)

Numbering

  • First and last slides are NOT numbered

Text Style

  • Concise, to the point
  • Ideally 3-5 bullet points per slide
  • No full paragraphs, use key messages

Product Categories (Section 6) — Loga pro okruhy produktu

Each category has a description text and a logo icon.

6.1 Vsechny produkty

  • Overview image showing all 4 quadrants: Sprava & podpora, Zabezpeceni, Prevence, Skoleni

Vsechny produkty

6.2 Skoleni

  • Cybersecurity training programs and workshops

Skoleni

6.3 Zabezpeceni infrastruktury

  • IT infrastructure security consulting and strategies

Zabezpeceni infrastruktury

6.4 Prevence

  • Preventive strategies against cyber threats

Prevence

6.5 Sprava a podpora

  • IT infrastructure administration and support services

Sprava a podpora

6.6 Analyza a evidence

  • Security assessment, data collection, risk evaluation

Analyza a evidence

6.7 Regulace a legislativa

  • Legal compliance for IT security (laws, regulations)

Regulace a legislativa

6.8 Vyvoj

  • Security solutions development, design, implementation

Vyvoj

6.9 IT akademie

  • Comprehensive IT education programs

IT akademie

Individual Product/Service Logos (Section 7) — Loga produktu

All logos are transparent/without background. The reference PDF shows each on navy/red/light background variants (3 color versions per logo). Each product has its own subsection in the reference PDF.

Zabezpeceni Group

#ProductNotes
7.1Zakladni bezpecnostni konfigurace3 color variants
7.2Zabezpeceni serveru a sitovych prvku
7.3Firewall
7.4Sprava koncovych zarizeni
7.5Sprava pracovnich stanic
7.6Sprava sitovych prvku
7.7Sprava sitovych prvku + Zalohovaci reseni
7.8Rizeni rizik

Monitoring & Skoleni Group

#ProductNotes
7.10Monitorovaci system"Pouzivat cervene"
7.11Skoleni kyberneticke bezpecnosti
7.12Cloud zabezpeceni
7.13Pravidelna kontrola
7.14IT Audit
7.15Segmentace site
7.16Antivirove zabezpeceni
7.17Kamerovy system
7.18NIS 2
7.19GDPR

Analyza & Vyvoj Group

#ProductNotes
7.20Analyza zabezpeceni cloudovych sluzeb
7.21Analyza zabezpeceni koncovych zarizeni"Pouzivat cervene logo"
7.22Analyza zabezpeceni sitovych prvku
7.23Analyza zabezpeceni domeny
7.24SIEM
7.25Evidence pozadavku a incidentu
7.26Bezpecna Posta"Pouzivat cervene logo"
7.27Vyvoj Software
7.28GIT sprava kodu"Pouzivat variantu s okem"
7.29Penetracni Testovani
7.30IDS/IPS
7.31PCI-DSS"Analyza ... podle prumyslovych standardu"

Skoleni Group

#ProductNotes
7.32Tvorba E-shopu
7.33Tvorba Webu
7.34Skoleni Microsoft 365
7.35Skoleni Rizeni Rizik
7.36F13 Skoleni GDPR
7.37Skoleni Microsoft Office
7.38Skoleni Microsoft Office pro zacatecniky
7.39Skoleni Microsoft Office pro pokrocile
7.40Skoleni Microsoft Teams
7.41Skoleni technicke certifikace Microsoft
7.42Skoleni obecne
7.43Skoleni Windows pro zacatecniky
7.44Skoleni Windows pro stredne pokrocile
7.45Skoleni Windows pro pokrocile
7.46Skoleni Unix pro zacatecniky
7.47Skoleni Unix pro stredne pokrocile
7.48Skoleni Docker
7.49Sprava pracovnich stanic
7.50Sprava sitovych prvku

Image File Mapping

Images are available as static assets at /static/img/. Named files replace the original imageN.png numbering from the Word document extraction.

Logo Variants

FileCaption / ContentRef Fig #
logo-positive.pngLogo original (pozitivni varianta)1
logo-negative.jpegLogo white+red (negativni varianta)2
logo-black.jpegLogo black (cerna varianta)3
logo-grey.jpegLogo grey (seda varianta)4
logo-white.pngLogo white (bila varianta)5
logo-header.pngHeader logo (1.61 cm height)—
logo-large.pngTitle page logo (8 cm width)—

Logo Usage Examples

FileCaption / ContentRef Fig #
example-print-document.pngTiskovy dokument6
example-social-post.pngPrispevek na socialni site7
example-document-original.pngOriginalni varianta pro dokument8
example-social-original.pngOriginalni varianta pro socialni site9
example-social-white-logo.pngBila varianta pro socialni site—
example-social-negative-logo.pngNegativni varianta pro socialni site—

Logo Backgrounds

FileCaption / ContentRef Fig #
bg-allowed-navy.pngPovolene pozadi — tmave modra10
bg-allowed-red.pngPovolene pozadi — cervena10
bg-allowed-grey.pngPovolene pozadi — seda10
bg-disallowed-blue.pngNepovolene pozadi — modra11
bg-disallowed-pink.pngNepovolene pozadi — ruzova11
bg-disallowed-white.pngNepovolene pozadi — bila11

Brand Identity

FileCaption / ContentRef Fig #
logo-protection-zone.pngOchranne pasmo loga12
template-social-1.pngSablona pro socialni site (1)13
template-social-2.pngSablona pro socialni site (2)13
logo-prohibited-modifications.pngNepovolene modifikace logotypu14
font-montserrat-specimen.pngFiremni pisma (Montserrat)15
color-palette.pngKodifikace barevnosti16

Product Category Icons

FileCaption / ContentRef Fig #
category-overview.pngVsechny produkty (4 quadrants)17
category-skoleni.pngSkoleni (graduation cap)18
category-zabezpeceni.pngZabezpeceni infrastruktury (shield)19
category-prevence.pngPrevence (person+shield)20
category-sprava-podpora.pngSprava a podpora (gear+arrows)21
category-analyza-evidence.pngAnalyza a evidence (magnifier)22
category-regulace-legislativa.pngRegulace a legislativa (EU stars)23
category-vyvoj.pngVyvoj (monitor+gear+code)24
category-it-akademie.pngIT akademie (person+book+cap)25

Standalone Product Icons

FileCaption / ContentRef Fig #
product-monitorovaci-system.pngMonitorovaci system (server+eye)—
product-zabezpeceni-compliance.pngZabezpeceni compliance (box+shield)—
product-bezpecna-posta.pngBezpecna Posta (envelope+shield)—

Note: Product logo grid images (original image36–53) were composite screenshots from the design manual showing 3–4 products per image on colored backgrounds. These were not carried over as standalone assets — only individual icons are available above.

Abbreviations (Section 8 — Seznam zkratek a vyznam)

Reference PDF (page 52) table content:

ZkratkaVyznam
F13F13 CyberTech
NIS 2Smernice EU o bezpecnosti siti a informacnich systemu
GDPRGeneral Data Protection Regulation (Obecne narizeni o ochrane osobnich udaju)
SIEMSecurity Information and Event Management (Sprava bezpecnostnich informaci a udalosti)
IDS/IPSIntrusion Detection System / Intrusion Prevention System (System detekce pruniku / System prevence pruniku)
PCI-DSSPayment Card Industry Data Security Standard (Bezpecnostni standard dat platebniho prumyslu)
ITInformacni technologie
GITDistribuovany system pro spravu verzi kodu

Note: The LaTeX source currently has slightly different entries (separates IDS and IPS, adds ISO, PDF, DOCX, PPTX which are NOT in the reference). The reference table has "Tabulka 3: Seznam zkratek".

Company Information (Sections 11 & 12)

Predstaveni (About)

F13 CyberTech s.r.o. is a company founded to do things their own way. Based in the Moravskoslezsky (Moravian-Silesian) region.

Vision: satisfied, secured, and backed-up customer.

Core pillars:

  • Quality, functional, user-friendly technical solutions
  • Transparent and fair dealings with clients
  • Maintaining high service level through commitment to correct communication
  • Diversification of service offerings (from basic security to audit, from training to penetration testing)

Kontakty

F13 CyberTech s.r.o. Sokola Tumy 1099/1, Ostrava 709 00 Spisova znacka C 72754 vedena u Krajskeho soudu v Ostrave IC: 066 46 654 DIC: CZ06646654 ID datove schranky: 874v5Y8

PersonEmailPhone
Eva Lichnovskaeva@f13cybertech.cz774 448 966
Adam Lichnovskyadam@f13cybertech.cz728 051 380
Martin Piechmartin@f13cybertech.cz721 232 021

Reference PDF Visual Observations

Page Layout in Reference

  • 55 pages total
  • Justified text throughout
  • Clear paragraph spacing between paragraphs (parskip style, no indent)
  • Section headings (H1): 18pt bold, colored f13navy
  • Subsection headings (H2): 16pt regular (NOT bold), colored f13navy
  • Subsubsection headings (H3): 11pt regular (NOT bold), colored f13navy
  • Captions: 9pt italic, left-aligned, format "Obrazek N: Caption text"
  • Bullet points: filled circles (level 1), outline circles (level 2)
  • Header on every page: logo left, "Interni" right
  • Footer on every page (except title): "Stranka X z 55" right-aligned
  • Change log table: full borders on all cells
  • Abbreviations table in reference (page 52): full borders on all cells (not booktabs)

Lists in Reference

  • Seznam obrazku (List of Figures): pages 53-54, contains 68 figure entries
  • Seznam tabulek (List of Tables): page 54, contains 3 table entries:
    1. Tabulka 1: Zmeny v dokumentu (page 2)
    2. Tabulka 2: Kodifikace barevnosti (page 17/21)
    3. Tabulka 3: Seznam zkratek (page 49/52)

Product Logo Pages (Section 7)

  • In the reference PDF, EACH product gets its own subsection (7.1 through 7.50)
  • Each shows 3 color variants side by side (navy background, red background, light/white background)
  • Some have special notes like "Pouzivat cervene" (use red variant) or "Pouzivat variantu s okem" (use variant with eye)
  • The LaTeX version groups multiple products per figure (3-4 products per image row) to save space

Section Content Summaries

Section 1: Uvodni slovo a specifikace znacky

Introduction explaining that the design manual is the fundamental tool for creating unified visual style. Covers that unified visual style consists of: company name, logotype, corporate font, and corporate color. Must be consistently followed in all internal and external communication.

Section 2: Logotyp

Comprehensive section covering:

  • 5 logo variants with images
  • Company naming conventions
  • Logo application examples with screenshots
  • Official F13 document specifications (detailed formatting rules)
  • Official F13 presentation specifications
  • Allowed/disallowed backgrounds for logos (6 examples)
  • Logo placement standards for documents, presentations, social media
  • Logo protection zone (34px / 9mm minimum)
  • Social media template examples

Section 3: Nepovolene modifikace logotypu

Rules about what NOT to do with the logo (5 rules with example image).

Section 4: Firemni pisma

Shows Montserrat font specimen.

Montserrat specimen

Section 5: Kodifikace barevnosti

Color palette with 6 colors (3 primary + 3 secondary) showing RGB, CMYK, HEX values.

Section 6: Loga pro okruhy produktu

8 product categories + overview, each with description text and icon logo.

Section 7: Loga produktu

50 individual product/service logos, each shown in 3 color variants.

Section 8: Seznam zkratek a vyznam

Abbreviations table with 8 entries.

Section 9: Seznam obrazku

List of all 68 figures in the document.

Section 10: Seznam tabulek

List of all 3 tables in the document.

Section 11: Predstaveni F13 CyberTech s.r.o.

Company introduction / about text.

Section 12: Kontakty

Company address, registration info, and 3 contact persons.

Czech Localization Notes

  • Document language: Czech (babel package with czech option)
  • Non-breaking spaces (~) before single-letter prepositions: v, k, s, z, u, a, i, o
  • Thin spaces (\,) in: company names (s.,r.,o.), phone numbers, ID numbers
  • Czech names used: Obsah (TOC), Seznam obrazku (LOF), Seznam tabulek (LOT), Obrazek (Figure), Tabulka (Table), Stranka X z Y (footer)