# Moje Stravování · Brand manuál > Version 1.0 · October 2026. Markdown edition of the visual and verbal identity > manual for Moje Stravování (Czech meal-planning app). Written for AI agents and > tools that create content, UI, or marketing materials for the brand. The human > version with the full visuals lives at the same URL in a browser. **Exact visuals as HTML:** every slide is also available as a standalone HTML document with inline styles, token variables and inline SVG artwork — the layouts exactly as designed. Index: `/html`; one slide: `/html/.html` (e.g. `/html/logo.html`, `/html/barvy.html`). Each section below links its slide. Language: the brand speaks Czech. Keep quoted copy, product names, and token names in Czech exactly as written; explanations may be in any language. ## Design tokens (quick reference) How and where to use each colour is described in the Barvy and Barevné kombinace sections below. | Token | Value | Name (Czech → English) | | --- | --- | --- | | `--color-smetana` | #FDF6E4 | smetana → cream | | `--color-bila` | #FFFFFF | bílá → white | | `--color-mlha` | #F3F6EC | mlha → mist | | `--color-inkoust` | #1F3524 | inkoust → ink | | `--color-bazalka` | #298C31 | bazalka → basil | | `--color-spenat` | #0E4913 | špenát → spinach | | `--color-hrasek` | #A6D271 | hrášek → pea | | `--color-zloutek` | #FFB400 | žloutek → yolk | | `--color-mrkev` | #FF6600 | mrkev → carrot | | `--color-rajce` | #DE4848 | rajče → tomato | | `--color-lilek` | #D49EDC | lilek → eggplant | | `--color-povidla` | #461424 | povidla → plum jam | - Typeface: **Poppins** (Regular 400, Medium 500, SemiBold 600). - Letter-spacing: display -0.04em, headline -0.03em, tight -0.02em. - Radii: chip 999px, card 28px, tile 32px, panel 36px, panel-xl 52px. --- --- ## 00 · Obálka Slide HTML: /html/obalka.html ### Moje Stravování — Brand manuál Jak vypadáme, jak mluvíme a jak tvoříme obsah, který lidé poznají na první pohled. _Verze 1.0 · Říjen 2026_ (Cover on a full Bazalka-green background: small logo lockup — the "M" mark with "Moje / Stravování" stacked in Poppins SemiBold — top left; the big playful "Moje Stravování" wordmark in Smetana filling the left half; the Hrášek apple mascot with Špenát face, arms and legs cheering in the middle right; three real food photos (palačinky s jahodami a borůvkami, kuře s rýží a zeleninou, losos s rýží a salsou) as rounded, slightly rotated tiles bleeding off the right edges.) **For agents:** - Cover / hero composition: background `--color-bazalka` (#298C31); wordmark and all text in `--color-smetana` (#FDF6E4); secondary meta line in `--color-hrasek` (#A6D271). - Header lockup: mark 42×52 px + two-line name, Poppins SemiBold 600, 20/20 px, tracking −0.02em, 12 px gap, bottom-aligned; 96 px side padding, 56 px from top. - Wordmark ~872 px wide, left-aligned with the content column (left edge at 84 px). - Title "Brand manuál": Poppins Regular 56/60 px, tracking −0.04em. Subtitle: 24/36 px at 80 % opacity. Meta: 18/22 px. 20 px gaps between them. - Photos: real, appetising home-cooked food shot from above; rounded corners 36–40 px; rotated about ±8–12°; allowed to be cropped by the canvas edge. Mascot sits between photos, rotated ~6°. --- ## 01 · Obsah Slide HTML: /html/obsah.html _Obsah_ ### Co v manuálu najdeš | Značka | Logo a základy | Obrazový styl | Komunikace a praxe | | ------------------- | -------------------- | --------------------- | ------------------- | | 01 Kdo jsme | 05 Logo | 12 Ilustrace | 17 Tón hlasu | | 02 Pro koho tvoříme | 06 Kdy které logo | 13 Knihovna ilustrací | 18 Jak píšeme | | 03 Čemu věříme | 07 Použití loga | 14 Fotografie | 19 Sociální sítě | | 04 Osobnost | 08 Maskot | 15 Grafické prvky | 20 Plakáty a tisk | | | 09 Barvy | 16 Nálepky | 21 Kontrolní seznam | | | 10 Barevné kombinace | | | | | 11 Typografie | | | (The apple mascot waves below the first column.) **For agents:** - Section numbers in the contents match the eyebrows on each slide ("01 — Kdo jsme"), not the slide index (the cover is 00, contents is page 01). - Standard content-slide layout used from here on: 1920×1080, padding 80 px top / 96 px sides / 56 px bottom; eyebrow in `--color-bazalka` 20/24 px; title Poppins Regular 88/92 px, tracking −0.04em, `--color-inkoust`; footer with 1 px top border `#1F35241A`, 18 px mark in Bazalka + "Moje Stravování · Brand manuál" and page number, 16/20 px at 55 % opacity. - Lists like this one: rows separated by 1 px rules `#1F352426`, 15 px vertical padding, number 17 px at 45 % opacity in a fixed 36 px slot, label 25/30 px tracking −0.02em; group labels 18/22 px in Bazalka. --- ## 02 · Kdo jsme Slide HTML: /html/kdo-jsme.html _01 — Kdo jsme_ ### Aplikace, se kterou zhubne každý. **Jsme česká aplikace na hubnutí, která se přizpůsobí tvému životu.** Jíš, na co máš chuť, a aplikace spočítá, kolik si nandat. Když něco nevyjde podle plánu, den si upravíš jedním klepnutím a jedeš dál. Postupně se naučíš jíst správně – natrvalo a bez výčitek. | Číslo | Popis | Karta | | ------- | ---------------------------------------------- | -------------------------------- | | 80 000+ | Čechů s naší aplikací už zhublo | Bazalka background, Smetana text | | 1 000+ | receptů od šéfkuchařů a nutričních specialistů | Smetana background, Inkoust text | | 4,8 ★ | hodnocení v App Store | Hrášek background, Špenát text | **For agents:** - Core positioning: a Czech weight-loss app that adapts to the user's life — eat what you like, the app tells you how much; a missed plan is fixed with one tap; the goal is lasting habits without guilt. Address the reader informally (ty). - Use these proof points verbatim: "80 000+" people who lost weight, "1 000+" recipes from chefs and nutrition specialists, "4,8 ★" App Store rating (Czech decimal comma, space as thousands separator). - Stat cards: radius 36 px, height 360 px, padding 36/32 px, big number Poppins Regular 68/68 px tracking −0.04em at top, label 20/28 px at the bottom (70–85 % opacity). Allowed card pairings: Bazalka/Smetana, Smetana/Inkoust, Hrášek/Špenát. - Keep single-letter Czech words (a, v, s, z, k…) on the same line as the following word (non-breaking space). --- ## 03 · Pro koho tvoříme Slide HTML: /html/pro-koho-tvorime.html _02 — Pro koho tvoříme_ ### Mluvíme k lidem v normálním životě. | Persona | Co potřebují | | ------------------------- | -------------------------------------------------------- | | Máma na mateřské | Rychlá jídla, která sní i děti. Bez vaření dvakrát. | | Žena po čtyřicítce | Plán podle těla, které se mění. Kalorie i makra na míru. | | Chlap, co nechce hladovět | Pořádné porce a normální jídlo. Žádné saláty navíc. | | Celá rodina | Jeden oběd pro všechny. Každý dostane svou porci. | **Nemluvíme k fitness nadšencům, ale k lidem s prací, dětmi a chutí na pizzu.** Ukazuj skutečné situace: oběd pro celou rodinu, rychlou večeři po práci, oslavu v kanceláři. Každý z nich s námi může zhubnout a nemusí kvůli tomu drasticky měnit život. (Each persona card: a bold patterned top half — orange dots on Žloutek, cream zigzags on Lilek, a Bazalka/Hrášek checkerboard, Mrkev/Žloutek sunburst — with a Memoji-style avatar in a Smetana circle with a 6 px coloured ring, plus an illustrated food sticker overlapping the circle: pancakes, soup, burger, a bowl of pasta. Smetana bottom half with title and description.) **For agents:** - Audience: ordinary people with jobs, kids and cravings — never fitness enthusiasts. Show real situations (family lunch, quick dinner after work, office party); promise weight loss without drastic life changes. - Don't use gym, athletic or "diet salad" imagery; favour normal, hearty food. - Persona card: radius 32 px, Smetana (#FDF6E4) body, 360 px art area with one brand pattern, 210 px avatar circle with a 6 px ring in a brand colour, food sticker tilted ±8–10° overlapping the circle; title 24/30 px tracking −0.02em, description 16/24 px Inkoust at 65 % opacity. - Patterns pair brand colours: Mrkev on Žloutek, Smetana on Lilek, Bazalka + Hrášek, Mrkev + Žloutek. --- ## 04 · Čemu věříme Slide HTML: /html/cemu-verime.html Eyebrow: „03 — Čemu věříme“ ### Čtyři věci, na kterých stojíme. 1. **Život má přednost.** Plán se přizpůsobí tobě, ne ty plánu. Oslava v práci, dovolená nebo den bez chuti na brokolici – s tím vším počítáme. 2. **Žádné výčitky.** Kousek pizzy není selhání. Když něco nevyjde, den si upravíš a jedeš dál. Hubnutí je maraton, ne sprint. 3. **Normální jídlo, pořádné porce.** Jídla z běžného obchodu od šéfkuchařů a nutričních specialistů. Bez hladovění a bez extrémů. 4. **Naučíme tě to.** Cílem není závislost na aplikaci, ale vytvořit si návyky, které ti zůstanou. Analýza dne a krátká videa vysvětlí proč. Visual: full-bleed Bazalka (`#298C31`) slide, cream (Smetana) headline, Hrášek (`#A6D271`) numbering, a playful pizza-slice illustration (Žloutek / Mrkev / Smetana / Povidla) top right. **For agents:** - Every piece of copy and every feature must be consistent with these four values: flexibility over rigid plans, no guilt or shame around "bad" food, ordinary supermarket food in real portions (no starving, no extremes), and teaching lasting habits rather than creating app dependency. - Never frame a treat (pizza, cake, a party) as failure; frame it as something the plan already accounts for. - On a Bazalka background use Smetana for headlines/body (body at 80 % opacity), Hrášek for small numbers/eyebrows, and divider lines in Smetana at 30 % opacity. - Type used here: headline Poppins Regular 88/92 px, tracking −0.04em; value titles 40/46 px, −0.03em; body 19/30 px; numbers 20/24 px. --- ## 05 · Osobnost Slide HTML: /html/osobnost.html Eyebrow: „04 — Osobnost“ ### Mluvíme jako kamarád, který rozumí jídlu. | Jsme | Nejsme | Co to znamená | | ----------- | --------------- | ------------------------------------------------------------------------------------------- | | Parťák, | ne trenér | Podporujeme, nekomandujeme. Žádné „musíš“, „zakázáno“ ani „makej“. | | Hraví, | ne dětinští | Maskot a vtip ano, ale mluvíme s dospělými. Žádné zdrobněliny a vykřičníky za každou větou. | | Upřímní, | ne moralizující | Říkáme, jak to je. Nikoho nesoudíme za to, co jí. | | Jednoduší, | ne povrchní | Za aplikací stojí nutriční specialisté. Vědu ale vysvětlujeme lidsky, bez odborných pojmů. | | Sebevědomí, | ne nafoukaní | Výsledky ukazujeme čísly a příběhy lidí, ne superlativy. Zázraky neslibujeme. | **For agents:** - Write as a knowledgeable friend: supportive, never commanding. Do not use imperatives like „musíš“, „zakázáno“, „makej“. - Humour and the mascot are welcome, but address adults: no diminutives, no exclamation mark after every sentence. - Be honest without moralising; never judge what someone eats. - Keep it simple but correct: explain nutrition science in plain Czech, avoid jargon. - Prove claims with numbers and real user stories; no superlatives, no "miracle" promises. - Visual pattern of the slide: each trait is set as "Trait, ne opposite" in Poppins Regular 44/52 px (−0.03em), the positive word in Inkoust (`#1F3524`) and the negative in Inkoust at 30 % opacity; explanation in 20/30 px at 70 % opacity; rows separated by Inkoust 12 % hairlines on white. --- ## 06 · Logo Slide HTML: /html/logo.html Eyebrow: „05 — Logo“ ### Dvě loga pod jednou značkou. - **A · Hravý wordmark** — Tvář naší komunikace. Navenek má přednost a používá se společně s oficiálním logem, dovnitř stačí sám. - Visual: hand-lettered "Moje Stravování" in Bazalka (`#298C31`) next to the apple mascot (Hrášek body, Špenát lines), on a Smetana (`#FDF6E4`) tile. - **B · Oficiální logo** (štítek „Oficiální logo“) — Více než šest let historie. Podpis navenek a logo oficiálních dokumentů. - Visual: symbol (apple with fork and two leaves) + two-line text „Moje / Stravování“ in Poppins SemiBold, all Bazalka, on white. - **B · Na barvě** — Smetana na Bazalce, Špenátu nebo fotce. - Visual: the same lockup filled Smetana on a Bazalka tile. - **C · Symbol** — Ikona aplikace, favicon, profilovka. - Visual: symbol alone in Smetana, centred on a Bazalka rounded square (132 px, radius 30 px), shown on Špenát (`#0E4913`). **For agents:** - The brand has two logos: the playful wordmark (A, the communication face) and the official lockup (B, signature / documents). The symbol (C) is the official logo's mark used alone. - Official lockup construction: symbol left, text "Moje" / "Stravování" stacked on two lines, bottom-aligned to the symbol; text Poppins SemiBold with tracking −0.02 to −0.025em and line-height ≈ font-size (e.g. 44 px text with a 92 px-wide symbol, gap 20 px; 28 px text with a 58 px symbol, gap 12 px). Symbol width : text size ≈ 2 : 1. - Colours: on white/light use Bazalka; on Bazalka, Špenát or photos use Smetana. Don't recolour the wordmark into other palette colours. - Use the symbol alone only for app icon, favicon and profile pictures; app icon = Smetana symbol on a Bazalka rounded square. - The playful wordmark may stand alone internally; externally it leads and the official logo accompanies it (see 07). --- ## 07 · Kdy které logo Slide HTML: /html/kdy-ktere-logo.html Eyebrow: „06 — Kdy které logo“ ### Ven obě loga, dovnitř hravé. 1. **1 · Navenek obě loga — Hravý napřed, oficiální jako podpis.** Pro lidi, kteří nás ještě neznají: reklama, plakáty, obaly, eventy i partneři. Oficiální logo malé, v rohu nebo patičce – nikdy hned vedle wordmarku. - Visual: Smetana poster with the large playful wordmark and mascot at the top, a small official lockup centred at the foot. 2. **2 · Dovnitř stačí jen hravý wordmark — Pro ty, kdo nás už znají.** Uživatelé aplikace, e-maily, komunita, sledující na sítích, merch a nálepky. - Visual: Smetana tote bag on Bazalka with only the playful wordmark, slightly tilted. 3. **3 · Jen oficiální logo — Když se dvě loga nevejdou.** Formáty, kde by dvojice nevypadala dobře, a oficiální dokumenty: smlouvy, faktury, právní texty. - Visual: white contract sheet „Smlouva o spolupráci“ with the official lockup in the top-left corner. **For agents:** | Audience / format | Logo to use | | -------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | | New audiences: ads, posters, packaging, events, partners | Playful wordmark as the hero + small official lockup as a signature (corner or footer) | | Existing users: app, e-mails, community, social followers, merch, stickers | Playful wordmark alone | | Formats where two logos don't fit; contracts, invoices, legal texts | Official lockup alone | - Never place the official lockup directly next to the playful wordmark; keep it small and separated (corner/footer). - The official lockup is the only logo on legal and formal documents. --- ## 08 · Použití loga Slide HTML: /html/pouziti-loga.html _07 — Použití loga_ ### Logo potřebuje prostor. #### Ochranná zóna x = polovina výšky symbolu (Diagram: official logo B — apple/fork symbol + "Moje / Stravování" in Poppins SemiBold, Bazalka on Smetana — surrounded by a dashed clear-space frame; the margin `x` is marked in the top-left and bottom-right corners.) #### Minimální velikost | Logo | Digitálně | Tisk | | ----------------------------- | ------------ | ----- | | A · Hravý wordmark | 120 px šířky | 25 mm | | A · Hravý wordmark s maskotem | 200 px šířky | 40 mm | | B · Oficiální logo | 96 px šířky | 20 mm | | C · Symbol | 24 px výšky | 6 mm | #### Takhle ne - Nedeformuj a nenatahuj. _(wordmark squashed / stretched out of proportion)_ - Nestav loga vedle sebe. _(official logo B placed next to the playful wordmark A)_ - Nepřebarvuj mimo paletu. _(wordmark recoloured blue `#2F6FE0`)_ - Nepokládej na slabý kontrast. _(Smetana wordmark on Hrášek)_ - Nepřidávej stíny ani obrysy. _(wordmark with a Žloutek outline and a Povidla drop shadow)_ - Nepřepisuj logo jiným písmem. _(name retyped in Georgia Italic)_ **For agents:** - Clear space on every side of any logo = `x`, where `x` is half the height of the symbol (the apple/fork mark). Nothing (text, edges, other graphics) may enter that zone. - Never render a logo below the minimums in the table (px for screens, mm for print). Symbol C is measured by height, all others by width. - Always scale proportionally; use the logo artwork as-is — only palette colours, no strokes, outlines, shadows, effects, and never retype the name in a font (the wordmark is artwork, not text). - Use one logo per composition; never put logo A and logo B side by side. - Only place the logo where contrast is strong (e.g. Bazalka on Smetana/Bílá, Smetana on Bazalka/Špenát); light-on-light such as Smetana on Hrášek is forbidden. --- ## 09 · Maskot Slide HTML: /html/maskot.html _08 — Maskot_ ### Jablko, které ti fandí. Veselé jablko je náš průvodce, ne hlavní hrdina. Přichází ve chvílích, kdy chceme dodat úsměv, povzbuzení, tip, nebo oslavit úspěch. (Hero: the Hrášek-green apple mascot with Špenát face, arms and legs, waving on a Smetana panel and cropped by its bottom edge, with a white speech bubble: „Neboj, cíl si můžeš kdykoliv změnit.") #### Ano - Maximálně jeden maskot na ploše. - Mává, tancuje, vykukuje zpoza panelu nebo drží jídlo. - Smí ho oříznout okraj plochy – působí pak živěji. #### Ne - Nevkládej mu do úst dlouhé texty. - Nepoužívej ho u citlivých témat jako zdraví nebo tělo. #### Barevné varianty | Pozadí | Tělo jablka | Linky (obličej, ruce, nohy) | | ------- | ----------- | --------------------------- | | Bazalka | Hrášek | Špenát | | Povidla | Bazalka | Smetana | | Lilek | Mrkev | Smetana | | Žloutek | Smetana | Špenát | Eye whites are always white (`#FFFFFF`); pupils use the line colour. **For agents:** - The mascot is a supporting character: at most one per surface, used for encouragement, tips, smiles and celebrating success — never as the main subject. - Allowed poses: waving, dancing, peeking from behind a panel, holding food. Cropping it by the edge of the surface is encouraged. - Speech bubbles stay short (one line like the example, ~5–6 words). Bubble style: white, radius 28 px with the bottom-right corner at 6 px (the tail side), soft shadow `0 18px 40px #1F35241F`, Poppins Regular 22/30 px. - Do not use the mascot next to sensitive topics (health, body). - Only use the four colour combinations above (default: Hrášek body + Špenát lines on Smetana/Bazalka). --- ## 10 · Barvy Slide HTML: /html/barvy.html _09 — Barvy_ ### Zelená je náš podpis. #### Hlavní barvy | Barva | Token | HEX | RGB | Použití | | ------------------------ | ----------------- | --------- | ----------- | --------------------------------------------------------------------------------------- | | Bazalka _(Hlavní barva)_ | `--color-bazalka` | `#298C31` | 41 140 49 | Velké plochy, tlačítka, wordmark na světlém pozadí. Když si nevíš rady, použij Bazalku. | | Smetana | `--color-smetana` | `#FDF6E4` | 253 246 228 | Teplé karty, text a logo na zelené. | | Špenát | `--color-spenat` | `#0E4913` | 14 73 19 | Kontrastní panely, cena, důležité momenty. | | Hrášek | `--color-hrasek` | `#A6D271` | 166 210 113 | Maskot, štítky, nálepky, ilustrační plochy. | | Inkoust | `--color-inkoust` | `#1F3524` | 31 53 36 | Text | | Bílá | `--color-bila` | `#FFFFFF` | 255 255 255 | Podklad | #### Akcenty Pro sociální sítě, ilustrace a avatary. Vždy jen jeden akcent jako pozadí plochy. | Barva | Token | HEX | RGB | | ------- | ----------------- | --------- | ----------- | | Žloutek | `--color-zloutek` | `#FFB400` | 255 180 0 | | Mrkev | `--color-mrkev` | `#FF6600` | 255 102 0 | | Rajče | `--color-rajce` | `#DE4848` | 222 72 72 | | Lilek | `--color-lilek` | `#D49EDC` | 212 158 220 | | Povidla | `--color-povidla` | `#461424` | 70 20 36 | **For agents:** - Green is the signature: Bazalka is the primary brand colour and the default choice when unsure (large surfaces, buttons, the wordmark on light backgrounds). - Body text is Inkoust `#1F3524`, not pure black; the default page background is Bílá `#FFFFFF`, with Smetana for warm cards. - Text colours used on each swatch in the slide: Smetana on Bazalka and Špenát; Inkoust on Smetana and Bílá; Špenát on Hrášek and Žloutek; Povidla on Lilek; Smetana on Mrkev, Rajče and Povidla. - Accents are for social media, illustrations and avatars — not core UI. Use at most one accent as a background in a single composition. --- ## 11 · Barevné kombinace Slide HTML: /html/barevne-kombinace.html _10 — Barevné kombinace_ ### Barvy, které spolu ladí. | Pozadí | + Text („Aa") | Kolečko (zvýraznění) | | ------- | ------------- | -------------------- | | Bílá | + Inkoust | Bazalka | | Smetana | + Bazalka | Hrášek | | Bazalka | + Smetana | Hrášek | | Špenát | + Smetana | Hrášek | | Hrášek | + Špenát | Bazalka | | Lilek | + Povidla | Hrášek | | Žloutek | + Špenát | Smetana | | Mrkev | + Smetana | Povidla | | Rajče | + Smetana | Povidla | | Povidla | + Smetana | Lilek | Poměr barev: **60 % Bílá / Smetana · 30 % zelené · 10 %** akcent (Žloutek ve vzorku). Kolečko vpravo dole = barva pro zvýraznění (nálepka, štítek, tělo maskota). Text vždy podle této tabulky, nikdy dva akcenty vedle sebe jako pozadí. **For agents:** - Pick a background from the table and use exactly its paired text colour; the third column is the colour for a highlight element on that background (sticker, label, mascot body). - Overall balance per layout: ~60 % white/cream (Bílá `#FFFFFF` / Smetana `#FDF6E4`), ~30 % greens (Bazalka `#298C31`, Špenát `#0E4913`, Hrášek `#A6D271`), ~10 % accent. - Never place two accent backgrounds (Žloutek, Mrkev, Rajče, Lilek, Povidla) next to each other. - On Smetana, headline/display text is Bazalka while small labels are Inkoust. --- ## 12 · Typografie Slide HTML: /html/typografie.html _Štítek: 11 — Typografie_ ### Jedno písmo. Velké a klidné. **Poppins** — Google Fonts · zdarma | Řez | Použití | | ------------ | ----------------------------- | | Regular 400 | Web, titulky, text | | Medium 500 | Text na sociálních sítích | | SemiBold 600 | Titulky na sítích a plakátech | ### Typografická škála | Ukázka | Role | Specifikace | | ------------------------------------------------------------------------------ | ----------------------------- | ---------------------------------- | | Hubnutí, které se přizpůsobí | Titulek na webu | Regular · 80–96 px · −4 % | | Kousek pizzy není selhání | Titulek na sítích a plakátech | SemiBold · 96–128 px · −3 % | | Recept si upravíš podle sebe. | Nadpis sekce | Regular · 48–60 px · −3,5 % | | Jíš, na co máš chuť, a aplikace spočítá, kolik si nandat. Hubneš a nemáš hlad. | Text | Regular · 17–22 px · řádkování 1,5 | | Režim vaření | Štítek nad titulkem | Regular · 18–20 px · Bazalka | ### Pravidla - Verzálky jen na nálepkách - Titulek max. 3 řádky - Zarovnání vlevo, na střed jen krátké titulky - Žádná kurzíva ani podtržení - Velké písmo = těsnější prostrkání **For agents:** - Use Poppins only (free on Google Fonts). Weights: 400 for web, headlines and body; 500 for body copy on social; 600 for headlines on social and posters. No other families, no italics, no underline. - Web headline: Regular 400, 80–96 px, letter-spacing −0.04em (`--tracking-display`). Social/poster headline: SemiBold 600, 96–128 px, −0.03em (`--tracking-headline`). Section heading: Regular 400, 48–60 px, −0.035em. Body: Regular 400, 17–22 px, line-height 1.5, no extra tracking. Eyebrow label above a headline: Regular 400, 18–20 px, colour Bazalka `#298C31` (`--color-bazalka`). - The bigger the type, the tighter the tracking; small text stays at 0. - Headlines max 3 lines; left-aligned by default, centre only short headlines. All caps only on stickers. - Text colour is Inkoust `#1F3524`; secondary text uses Inkoust at 60–70 % opacity. --- ## 13 · Ilustrace Slide HTML: /html/ilustrace.html _Štítek: 12 — Ilustrace_ ### Ilustrace, ze kterých dostaneš chuť. - **Jídlo, které lidé opravdu jedí** — Pizza, kobliha, špagety, polévka. Ne jen ovoce a zelenina – to je dieta, ne my. - **Plochý styl bez obrysů** — Plné barvy z palety, bez přechodů a stínů. Drobné detaily jako semínka nebo posypka kreslíme v Povidlech. - **Velké, natočené, oříznuté** — Ilustrace smí přesahovat okraj plochy a být natočená o ±10°. Jedna hlavní na plochu, nejvýš dvě menší. - **Nemíchej kreslené a skutečné jídlo** — Na fotku jídla smí maskot, ilustrované jídlo ne. Ukázky (bento): velká kobliha na Lilku, pizza na Bazalce, špagety na Žloutku, burger na Smetaně, polévka na Povidlech. **For agents:** - Subjects: real, indulgent everyday food (pizza, doughnut, spaghetti, burger, soup), not only fruit and vegetables. - Style: flat fills from the brand palette only — no outlines, gradients or shadows. Small details (seeds, sprinkles, sauce specks) are drawn in Povidla `#461424` (`--color-povidla`). - Composition: one large hero illustration per surface, at most two smaller ones. Illustrations may be rotated within ±10° (the slide uses −10° to +9°) and may bleed off the edge of their tile/surface (clip with the container's rounded corners). - Place illustrations on solid palette tiles with rounded corners (hero tile radius 36 px, small tiles 28 px). Examples: Lilek `#D49EDC` behind the doughnut, Bazalka `#298C31` behind pizza, Žloutek `#FFB400` behind spaghetti, Smetana `#FDF6E4` behind the burger, Povidla `#461424` behind soup. - Never combine illustrated food with food photography. On food photos only the mascot may appear. --- ## 14 · Knihovna ilustrací Slide HTML: /html/knihovna-ilustraci.html _Štítek: 13 — Knihovna ilustrací_ ### Sbírka ilustrací připravených k použití. Hotové vektory: ovoce, zelenina a jídla, která lidé opravdu jedí. Chybí motiv? Nech ChatGPT vygenerovat nové. Dej mu tyto jako příklad. Doporučujeme jich generovat více najednou - například 4x4 grid jako je to zde. Poté převeď na křivky a nahraď barvy za naše. Obsah knihovny (dvě dlaždice 4×4 na Inkoustu): - **Ovoce a zelenina:** jablko, hruška, citron, jahoda, hrozny, banán, meloun, ananas, mrkev, cibule, brokolice, lilek, paprika, ředkev, dýně, kukuřice. - **Jídla:** pizza, burger, sushi, taco, hot dog, hranolky, špagety, sendvič, kobliha, zmrzlina, palačinky, sázené vejce, kuřecí stehno, polévka, cupcake. **For agents:** - Prefer an existing illustration from the library before creating a new one. - To make a new motif: give an image model these sheets as style reference, generate several at once (e.g. a 4×4 grid), vectorise the result, then recolour every fill to brand palette colours (Mrkev `#FF6600`, Žloutek `#FFB400`, Bazalka `#298C31`, Špenát `#0E4913`, Hrášek `#A6D271`, Lilek `#D49EDC`, Povidla `#461424` for details, Smetana/cream for light areas). - The library is presented on Inkoust `#1F3524` tiles (640 × 640 px, radius 36 px); the flat illustrations read well on this dark ground. --- ## 15 · Fotografie Slide HTML: /html/fotografie.html _Štítek: 14 — Fotografie_ ### Skutečné jídlo, skuteční lidé. **Fotíme** - Domácí jídlo shora nebo z úhlu 45°, na skutečných talířích a ubrusech. - Denní, teplé světlo. Barvy šťavnaté, ne přesycené. - Reální lidé, reálné situace, dobrá nálada, optimismus. **Nefotíme** - Fotky těl před a po, metr kolem pasu, váhu. - Fitness modelky, posilovny a smutné saláty. - Sterilní studiové fotky a vygenerované jídlo. Ukázky: žena jí pizzu na pláži při západu slunce; palačinky s jahodami a borůvkami na růžovém talíři, shora; pečené kuře s rýží a mrkví na keramickém talíři. **For agents:** - Choose real home-cooked food shot top-down or at 45°, on real plates and tablecloths; warm daylight; juicy but not oversaturated colour. People are real, in everyday situations, upbeat. - Never use before/after body shots, tape measures, scales or weight numbers, fitness models, gyms, sad salads, sterile studio shots or AI-generated food. - Layout treatment shown: photos as rounded cards (radius 32 px) with a soft shadow (`0 24px 60px` Inkoust at 16 % alpha), slightly rotated (about −9° to +6°), overlapping, on a Smetana `#FDF6E4` panel (radius 36 px); cards may be cropped by the panel edge. - Do/don't markers: green check on Hrášek `#A6D271` circle; red cross on Rajče `#DE4848` at 15 % alpha. Labels "Fotíme" in Bazalka, "Nefotíme" in Rajče. --- ## 16 · Grafické prvky Slide HTML: /html/graficke-prvky.html _15 — Grafické prvky_ ### Stavebnice pro každou plochu. #### Vzory Puntíky, cikcak, šachovnice, paprsky. Dvě barvy z jedné kombinace. | Vzor | Podklad | Motiv | | ---------- | ----------------- | --------------------------------------------------------------------- | | Puntíky | Žloutek `#FFB400` | Mrkev `#FF6600` puntíky (r 9, rozestup 44, řady posunuté o půl kroku) | | Cikcak | Lilek `#D49EDC` | Smetana `#FDF6E4` vodorovné cikcak linky, zaoblené konce | | Šachovnice | Bazalka `#298C31` | Hrášek `#A6D271` čtverce | | Paprsky | Mrkev `#FF6600` | Žloutek `#FFB400` paprsky z bodu dole uprostřed | #### Nálepky Celý systém nálepek na další straně. _(ukázka: osmicípá hvězda v Hrášku se smetanovým výsekem, text „VÍŠ ŽE“ v Povidlech, Poppins SemiBold, natočená −8°, na Lilku)_ #### Tlačítka a štítky Vždy plně zaoblené. Jedna výzva k akci na plochu. - Primární tlačítko: „Vyzkoušet 7 dní zdarma“ — Bazalka, text Smetana. - Sekundární akce: „Přihlásit“ — jen text v Inkoustu, bez pozadí. - Štítky: „Vegetarián“ (Hrášek / text Špenát), „Oběd“ a „512 kcal“ (Bílá / text Inkoust), „Nejčastější volba“ (Špenát / text Smetana). #### Karty z aplikace Bílé, jemný stín. Ukazují skutečné funkce. _(ukázka: karta „Kuře na paprice s těstovinou · 342 g“ s čipy „512 kcal“ a „41 g bílkovin“, natočená −3°, na Hrášku)_ #### Avatary Memoji v kruhu akcentové barvy, bílý okraj. _(pět překrývajících se kruhů na Hrášku, Žloutku a Lilku)_ #### Zaoblení Žádné ostré rohy. Čím větší plocha, tím větší rádius. | Prvek | Rádius | | ------- | ---------------------- | | Pilulka | plně zaoblená (999 px) | | Karta | 28 px | | Fotka | 32 px | | Panel | 36–52 px | **For agents:** - Patterns are always exactly two colours taken from one approved colour combination; use them as fills for tiles/backgrounds, rounded like everything else (tiles shown at 22 px radius). - Buttons and tags are pill-shaped (`border-radius: 999px`). Primary CTA: `--color-bazalka` background, `--color-smetana` text, 18/22 px Poppins Regular, padding 18 × 30 px. Secondary action is a plain text link in `--color-inkoust`. Only one primary CTA per surface. - Tags: 15/18 px Poppins Regular, padding 8 × 14 px, gap 8 px. Diet tags Hrášek on Špenát text; neutral tags white with Inkoust text; highlight tag Špenát with Smetana text. - App cards: white (`--color-bila`) background, 28 px radius, soft shadow `0 20px 50px #0E49132E`, padding 20 × 36 px; show real features/data (meal names, grams, kcal, protein), may be tilted slightly (about −3°). Supporting chips: white pills, 14/18 px. - Avatars: Memoji on a solid accent circle (Hrášek, Žloutek or Lilek), 4 px white border, overlap neighbours by 16 px. - No sharp corners anywhere. Radius scales with surface size: pill 999 px → card 28 px → photo 32 px → panel 36–52 px (content panels on this slide use 32 px). - Section cards on slides: 32 px radius, padding 24 × 28 px, title 20/26 px (−0.02em), caption 15/20 px at 65 % opacity. --- ## 17 · Nálepky Slide HTML: /html/nalepky.html _16 — Nálepky_ ### Nálepky dodávají šťávu. Nálepky jsou náš nejhravější hlas. Krátké, nakřivo nalepené a vždy s krémovým výsekem – jako by je někdo právě odloupl z archu. 1. Max. 3 slova. Poppins Bold, verzálky jen tady. 2. Výsek ve Smetaně, cca 4 % šířky nálepky. 3. Natočení ±4–15°, jemný stín, klidně přes okraj. 4. Na běžné ploše max. 2 nálepky. Celý arch jen jako samostatný motiv. #### Arch nálepek (na Špenátu) | Nálepka | Tvar a barvy | Natočení | | ---------------------------------- | ----------------------------------------------------------------------- | -------- | | „ZHUBNE KAŽDÝ“ + úsměv | vlnitý kruh v Lilku, text a úsměv Povidla | −8° | | „MŇAM“ | ovál: Bílá s lemem Lilek, text Inkoust | +12° | | Wordmark „Moje Stravování“ | hravý wordmark v Bazalce se smetanovým výsekem | −6° | | „BEZ VÝČITEK“ | šestiúhelník v Rajčeti, text Smetana | −6° | | „MOJE STRAVOVÁNÍ • ZHUBNE KAŽDÝ •“ | kruh v Žloutku s textem po obvodu a symbolem uprostřed, vše v Povidlech | −10° | | „KLIDNĚ SI DEJ“ | obdélník ve Smetaně s linkou v Bazalce, text Špenát | +5° | | „pořádné porce“ | pilulka v Povidlech, text Žloutek (Poppins SemiBold, malá písmena) | −5° | | Maskot | jablíčko v Hrášku s obrysem ve Špenátu | +8° | | Symbol | zaoblený čtverec v Bazalce se symbolem ve Smetaně | +10° | | „VÍŠ ŽE“ | osmicípá hvězda v Hrášku, text Povidla | +10° | | Pizza | ilustrace pizzy (Žloutek, Mrkev, Povidla) | −14° | | Oči | pilulka ve Smetaně s kreslenýma očima (Bílá + Povidla) | −6° | | „15 MINUT“ | kruh v Mrkvi, text Smetana | +8° | | Úsměv | půlměsíc v Hrášku s úsměvem v Povidlech | −8° | **For agents:** - Sticker copy: max 3 words, Poppins Bold (700), UPPERCASE; this is the only place in the brand where all-caps is allowed (the "pořádné porce" pill is the one lower-case SemiBold exception shown). Typical sizes 30–62 px with −0.03em tracking, tight line height (~1.0–1.1). - Every sticker has a die-cut border in `--color-smetana` (`#FDF6E4`) ≈ 4 % of the sticker width (e.g. 10 px on a 210–280 px sticker), sitting outside the coloured shape. - Rotate each sticker between ±4° and ±15° (never 0°), add a soft drop shadow (`drop-shadow(0 10px 16px rgba(0,0,0,.35))`), and let it overlap edges or other elements. - Fill colours come from the palette: Lilek, Rajče, Žloutek, Mrkev, Hrášek, Bazalka, Povidla, Bílá; text in a contrasting palette colour (Povidla, Inkoust, Špenát, Smetana, Žloutek). - Normal layouts: at most 2 stickers. A full sticker sheet like this one is only allowed as a standalone motif (e.g. a dedicated poster or social post), shown on a dark Špenát ground. --- ## 18 · Tón hlasu Slide HTML: /html/ton-hlasu.html _17 — Tón hlasu_ ### Tykáme, vtipkujeme a nikoho nesoudíme. | Princip | Říkáme | Neříkáme | | --------------------- | --------------------------------- | ------------------------------------------------ | | Tykáme. Vždy a všem. | „Vyber si, na co máš chuť.“ | „Vyberte si z naší nabídky jídel.“ | | Bez výčitek a zákazů. | „Kousek pizzy není selhání.“ | „Dnes jste překročili denní limit!“ | | Konkrétně, ne obecně. | „Tvoje porce na oběd: 342 g.“ | „Optimalizovaný nutriční příjem.“ | | Krátce a lidsky. | „Nevyšlo to podle plánu? Nevadí.“ | „Při odchylce od plánu je nutné provést úpravu.“ | | Humor ze života. | „Krabička zůstala doma. Zase.“ | Vtipy na úkor těla, váhy nebo vzhledu. | **For agents:** - Always address the user with informal Czech "ty" (2nd person singular: _vyber, máš, tvoje_), never "vy"/"Vyberte", in every channel and for every audience. - Never guilt, shame or forbid: no "limit exceeded", "failure", warnings with exclamation marks. Frame slips as normal and recoverable ("Nevadí"). - Be concrete: real numbers, meals and times (e.g. "342 g", "oběd") instead of abstract nutrition jargon. - Keep sentences short and conversational; avoid bureaucratic or clinical phrasing ("je nutné provést úpravu", "optimalizovaný příjem"). - Humour comes from everyday life (forgotten lunch box, a slice of pizza); never joke about bodies, weight or appearance. - Use Czech quotation marks „…“ for quoted copy. --- ## 19 · Jak píšeme Slide HTML: /html/jak-piseme.html _18 — Jak píšeme_ ### Méně slov, víc chuti. | Takhle ne | Takhle ano | Proč | | --------------------------------------------------------------- | ----------------------------------------------- | ----------------------------------------------- | | „Dosáhněte svých cílů díky personalizovanému nutričnímu plánu.“ | Jíš, co ti chutná a hubneš. | Tykáme a mluvíme lidsky, žádná úřední čeština. | | „Zhřešila jsi? Zítra to dožeň v posilovně.“ | Kousek pizzy není selhání. Selhání je vzdát to. | Bez viny a trestů. Jídlo není hřích. | | „Zaručeně −10 kg za 14 dní! 🔥🔥🔥“ | Hubnutí je maraton, ne sprint. | Žádné zázraky ani sliby, které neumíme dodržet. | **Říkáme:** hubnutí · porce · chuť · normální jídlo · bez hladu · plán na míru · jedeš dál **Neříkáme:** dieta · cheat day · hřešit · zakázané jídlo · detox · spalovač tuků · zázrak | Pravidlo | Poznámka | | ----------------------- | --------------------- | | Moje Stravování | dvě slova, nikdy „MS“ | | 80 000 · 342 g · 249 Kč | s mezerami | | „uvozovky“ a pomlčka – | české, s mezerami | | Zhubneš | ne „zhubl/a jsi“ | | Max. jeden vykřičník | emoji nejvýš dvě | **For agents:** - Write short, plain, informal Czech (tykání). Prefer one concrete benefit sentence over marketing abstractions ("personalizovaný nutriční plán"). - No guilt, sin or punishment framing (_zhřešit_, _dohnat v posilovně_); no miracle promises, guaranteed kg-per-days claims or hype emoji chains. - Use only the "Říkáme" vocabulary; never use any "Neříkáme" word (dieta, cheat day, hřešit, zakázané jídlo, detox, spalovač tuků, zázrak). - Brand name is always "Moje Stravování" (two words, capital M and S); never abbreviate to "MS". - Numbers: space as thousands separator and between number and unit/currency (`80 000`, `342 g`, `249 Kč`) — use a non-breaking space so they never wrap apart. - Czech typography: „low-high quotes“, spaced en dash ( – ) as a dash, non-breaking space after single-letter prepositions/conjunctions (v, s, k, z, i, a…). - Avoid gendered past forms; use gender-neutral future/present ("Zhubneš", not "zhubl/a jsi"). - At most one exclamation mark per text and at most two emoji. --- ## 20 · Sociální sítě Slide HTML: /html/socialni-site.html _19 — Sociální sítě_ ### Jedna story, jedna myšlenka. Tři šablony stories: | Šablona | Popis | Ukázka na slidu | | -------------------- | ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | A · Fotka s panelem | Životní moment + jedna věta. | Fotka ženy s pizzou na pláži; zelený (Bazalka) zaoblený panel s titulkem „Kousek pizzy není selhání“ a podtextem „Hlavní je to nevzdat. Hubnutí je maraton.“; přes roh panelu přesahuje hvězdicová nálepka (Hrášek), zpod panelu vykukuje maskot jablíčko. | | B · Ilustrace a fakt | Tip nebo mýtus s nálepkou „Víš že“. | Pozadí Lilek, ilustrace donutu, hvězdicová nálepka „VÍŠ ŽE“ (Hrášek, text Povidla), maskot s rysy v barvě Povidla, titulek „Hubnutí nemá být utrpení“, text „Dát si něco na zub je občas potřeba. Hlavní je vše zapisovat a hlídat si denní kalorie.“, hravý wordmark dole uprostřed (Povidla). | | C · Silný titulek | Odvážné tvrzení, jídlo jako tečka. | Pozadí Bazalka, hravý wordmark nahoře (Smetana), titulek „Zhubnout lze i bez injekcí“ (Smetana), podtext „Stačí jíst chytře. Aplikace ti spočítá porce přesně na míru.“ (Hrášek), ilustrace misky špaget v pravém dolním rohu, uříznutá okrajem. | | Parametr | Pravidlo | | -------- | ------------------------------------------------------------------------------------------------------- | | Formáty | Story a Reels 1080 × 1920; Příspěvek 1080 × 1350 (4 : 5); Čtverec 1080 × 1080 | | Okraje | 110 px od kraje. Ve stories nech nahoře 250 px a dole 340 px bez textu. | | Text | Titulek SemiBold 96–128 px, max. 3 řádky. Doplňující text Medium 40–48 px, max. 2 věty. | | Logo | Pro sledující stačí hravý wordmark. Reklama pro nové lidi: hravý wordmark a malé oficiální logo v rohu. | | Panel | Rádius 52 px. Nálepka smí přesahovat jeho roh, maskot smí vykukovat zpod něj. | | Série | Max. 5 stories za sebou. Střídej šablony A, B, C a barvy pozadí. | **For agents:** - One idea per story/post: one headline + at most one supporting line. - Canvas sizes: 1080×1920 (story/reels), 1080×1350 (feed post, 4:5), 1080×1080 (square). Keep 110 px safe margin on all sides; in stories keep the top 250 px and bottom 340 px free of text (UI overlays). - Type (Poppins at 1080-wide canvas): headline SemiBold (600) 96–128 px, tight tracking (≈ −0.03em), max 3 lines; supporting text Medium (500) 40–48 px, max 2 sentences. - Logo: organic content → playful hand-lettered wordmark only. Paid/acquisition ads → playful wordmark + small official logo (mark + "Moje Stravování") in a corner. - Text panels over photos: Bazalka `#298c31` fill with Smetana `#fdf6e4` text, corner radius 52 px; a sticker may overlap a panel corner and the mascot may peek out from under it. - Colour pairings shown: Bazalka bg + Smetana headline + Hrášek `#a6d271` secondary text; Lilek `#d49edc` bg + Povidla `#461424` text; photo + Bazalka panel. - Max 5 stories in a row; rotate templates A/B/C and background colours. --- ## 21 · Plakáty a tisk Slide HTML: /html/plakaty-a-tisk.html _20 — Plakáty a tisk_ ### Plakát čteš tři vteřiny. Ukázky: | Formát | Popis | Ukázka na slidu | | ----------------------------- | ------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Plakát · Postava a obří slovo | Postava za krémovým kopcem, wordmark na něm, oficiální logo v rohu. | Pozadí Bazalka, obří slovo „Mňam.“ (SemiBold, Smetana) za postavou ženy s pizzou, text „Kousek pizzy není selhání.“, nálepka „7 DNÍ ZDARMA“ (Žloutek, text Povidla), krémový (Smetana) oblý kopec dole s hravým wordmarkem (Bazalka), QR kód vpravo dole, malé oficiální logo vpravo nahoře. | | Plakát · Jídlo a nálepky | Fotka, dvě nálepky, oficiální logo v rohu. | Pozadí Smetana, titulek „Jíš, na co máš chuť.“ (Inkoust) + „Hubneš i tak.“ (Bazalka), pootočená fotka jídla se zaoblenými rohy, nálepky „MŇAM“ (ovál Lilek/bílá) a „15 MINUT“ (kruh Mrkev), hravý wordmark vlevo dole, QR vpravo dole, oficiální logo vpravo nahoře. | | Billboard a citylight | Max. 6 slov. Hravý wordmark dole, oficiální logo v rohu. | Pozadí Bazalka, titulek „Kousek pizzy není selhání.“ (Smetana), ilustrace pizzy vpravo, nálepka „7 DNÍ ZDARMA“ (Lilek), hravý wordmark vlevo dole, oficiální logo vlevo nahoře. | | Parametr | Pravidlo | | -------- | ------------------------------------------------------------------- | | Okraje | 8 % kratší strany. Spadávka 3 mm. | | Barvy | Tisk v CMYK. Převod nech na tiskárně a u Bazalky vždy chtěj nátisk. | | Papír | Matný nebo nenatíraný. Lesk působí lacině. | | Titulek | Max. 6 slov, SemiBold, čitelný na 3 vteřiny. | | QR kód | Min. 2 × 2 cm, tmavý na světlém, vede na web s UTM. | | Výzva | Jedna: „Vyzkoušej 7 dní zdarma“ nebo „Stáhni si aplikaci“. | **For agents:** - Headline: max 6 words, Poppins SemiBold (600), tight tracking (−0.03 to −0.05em), readable within 3 seconds. - Margins = 8 % of the shorter side; add 3 mm bleed on every edge. - Always include the official logo (mark + "Moje Stravování") small in a corner, plus the playful wordmark (usually bottom). - Print in CMYK; leave conversion to the printer and always request a proof for Bazalka green `#298c31`. Use matte or uncoated paper, never gloss. - QR code: at least 2 × 2 cm, dark on light (white box), linking to the web with UTM parameters. - Exactly one call to action: „Vyzkoušej 7 dní zdarma“ or „Stáhni si aplikaci“. - Stickers (e.g. "7 DNÍ ZDARMA" on Žloutek `#ffb400` or Lilek `#d49edc`, "15 MINUT" on Mrkev `#ff6600`, "MŇAM") are slightly rotated, have a cream (Smetana) outline and soft drop shadow; use at most two per poster. --- ## 22 · Kontrolní seznam Slide HTML: /html/kontrolni-seznam.html _21 — Kontrolní seznam_ ### Než to pustíš ven. - [ ] Tykáme, bez výčitek a zákazů. - [ ] Jedna myšlenka, jeden titulek, jedna výzva. - [ ] Barvy jsou z jedné schválené kombinace. - [ ] Jen Poppins, titulek nejvýš na 3 řádky. - [ ] Ven obě loga, dovnitř hravé. - [ ] Maskot nejvýš jednou a s úsměvem. - [ ] Jídlo vypadá jako skutečné jídlo, které lidé jedí. - [ ] Čísla jsou ověřená, uvozovky a mezery sedí. Váháš? Ukaž návrh designérovi dřív, než ho publikuješ. **For agents:** run this checklist on every output before delivering it: 1. Copy uses informal "ty", no guilt, bans or shaming. 2. Exactly one idea, one headline, one call to action. 3. Colours come from a single approved colour combination (see Barevné kombinace). 4. Only Poppins is used; headlines wrap to at most 3 lines. 5. External/acquisition materials carry both logos (official + playful wordmark); in-app/internal uses only the playful wordmark. 6. The apple mascot appears at most once per piece and is always smiling. 7. Food looks like real food people actually eat (no styled diet clichés). 8. Numbers are verified; Czech quotes „…“ and spacing (thousands, units, nbsp) are correct. If any item is uncertain, flag the draft for designer review instead of publishing. --- ## Ke stažení (downloads) Paths are relative to this site. Downloads need the password (`Authorization: Bearer ` or `?key=`); the same artwork is also inline as SVG in the public slide HTML (/html). SVGs are true vectors with brand hex colours; PNGs are transparent. - Whole manual: [PDF](/downloads/moje-stravovani-brand-manual.pdf) - Every asset: [ZIP](/downloads/moje-stravovani-brand-assets.zip) - Tokens: [CSS](/downloads/barvy/tokens.css) · [JSON](/downloads/barvy/tokens.json) - Font: [Poppins on Google Fonts](https://fonts.google.com/specimen/Poppins) ### Logo Oficiální logo, hravý wordmark a symbol. Smetanové verze patří na Bazalku, Špenát nebo fotku. - Oficiální logo · Bazalka: [SVG](/downloads/logo/oficialni-logo-bazalka.svg) · [PNG](/downloads/logo/oficialni-logo-bazalka.png) - Oficiální logo · Smetana: [SVG](/downloads/logo/oficialni-logo-smetana.svg) · [PNG](/downloads/logo/oficialni-logo-smetana.png) - Hravý wordmark · Bazalka: [SVG](/downloads/logo/wordmark-bazalka.svg) · [PNG](/downloads/logo/wordmark-bazalka.png) - Hravý wordmark · Smetana: [SVG](/downloads/logo/wordmark-smetana.svg) · [PNG](/downloads/logo/wordmark-smetana.png) - Symbol · Bazalka: [SVG](/downloads/logo/symbol-bazalka.svg) · [PNG](/downloads/logo/symbol-bazalka.png) - Symbol · Smetana: [SVG](/downloads/logo/symbol-smetana.svg) · [PNG](/downloads/logo/symbol-smetana.png) - Ikona aplikace: [SVG](/downloads/logo/ikona-aplikace.svg) · [PNG](/downloads/logo/ikona-aplikace.png) ### Maskot Veselé jablko a jeho barevné varianty, každá pro svou barvu pozadí. - Maskot: [SVG](/downloads/maskot/maskot.svg) · [PNG](/downloads/maskot/maskot.png) - Maskot · Na Bazalce: [SVG](/downloads/maskot/maskot-bazalka.svg) · [PNG](/downloads/maskot/maskot-bazalka.png) - Maskot · Na Povidlech: [SVG](/downloads/maskot/maskot-povidla.svg) · [PNG](/downloads/maskot/maskot-povidla.png) - Maskot · Na Lilku: [SVG](/downloads/maskot/maskot-lilek.svg) · [PNG](/downloads/maskot/maskot-lilek.png) - Maskot · Na Žloutku: [SVG](/downloads/maskot/maskot-zloutek.svg) · [PNG](/downloads/maskot/maskot-zloutek.png) ### Ilustrace Hlavní ilustrace jídla v plochém stylu bez obrysů. - Kobliha: [SVG](/downloads/ilustrace/kobliha.svg) · [PNG](/downloads/ilustrace/kobliha.png) - Pizza: [SVG](/downloads/ilustrace/pizza.svg) · [PNG](/downloads/ilustrace/pizza.png) - Špagety: [SVG](/downloads/ilustrace/spagety.svg) · [PNG](/downloads/ilustrace/spagety.png) - Burger: [SVG](/downloads/ilustrace/burger.svg) · [PNG](/downloads/ilustrace/burger.png) - Polévka: [SVG](/downloads/ilustrace/polevka.svg) · [PNG](/downloads/ilustrace/polevka.png) ### Knihovna · Ovoce a zelenina Jednotlivé vektory z knihovny ilustrací a celý arch. - Celý arch: [SVG](/downloads/ilustrace/ovoce-zelenina-arch.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina-arch.png) - Jablko: [SVG](/downloads/ilustrace/ovoce-zelenina/jablko.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/jablko.png) - Hruška: [SVG](/downloads/ilustrace/ovoce-zelenina/hruska.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/hruska.png) - Citron: [SVG](/downloads/ilustrace/ovoce-zelenina/citron.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/citron.png) - Jahoda: [SVG](/downloads/ilustrace/ovoce-zelenina/jahoda.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/jahoda.png) - Hrozny: [SVG](/downloads/ilustrace/ovoce-zelenina/hrozny.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/hrozny.png) - Banán: [SVG](/downloads/ilustrace/ovoce-zelenina/banan.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/banan.png) - Meloun: [SVG](/downloads/ilustrace/ovoce-zelenina/meloun.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/meloun.png) - Ananas: [SVG](/downloads/ilustrace/ovoce-zelenina/ananas.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/ananas.png) - Mrkev: [SVG](/downloads/ilustrace/ovoce-zelenina/mrkev.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/mrkev.png) - Cibule: [SVG](/downloads/ilustrace/ovoce-zelenina/cibule.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/cibule.png) - Brokolice: [SVG](/downloads/ilustrace/ovoce-zelenina/brokolice.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/brokolice.png) - Lilek: [SVG](/downloads/ilustrace/ovoce-zelenina/lilek.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/lilek.png) - Paprika: [SVG](/downloads/ilustrace/ovoce-zelenina/paprika.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/paprika.png) - Řepa: [SVG](/downloads/ilustrace/ovoce-zelenina/repa.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/repa.png) - Dýně: [SVG](/downloads/ilustrace/ovoce-zelenina/dyne.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/dyne.png) - Kukuřice: [SVG](/downloads/ilustrace/ovoce-zelenina/kukurice.svg) · [PNG](/downloads/ilustrace/ovoce-zelenina/kukurice.png) ### Knihovna · Jídla Jednotlivé vektory z knihovny ilustrací a celý arch. - Celý arch: [SVG](/downloads/ilustrace/jidla-arch.svg) · [PNG](/downloads/ilustrace/jidla-arch.png) - Pizza: [SVG](/downloads/ilustrace/jidla/pizza.svg) · [PNG](/downloads/ilustrace/jidla/pizza.png) - Burger: [SVG](/downloads/ilustrace/jidla/burger.svg) · [PNG](/downloads/ilustrace/jidla/burger.png) - Sushi: [SVG](/downloads/ilustrace/jidla/sushi.svg) · [PNG](/downloads/ilustrace/jidla/sushi.png) - Taco: [SVG](/downloads/ilustrace/jidla/taco.svg) · [PNG](/downloads/ilustrace/jidla/taco.png) - Hotdog: [SVG](/downloads/ilustrace/jidla/hotdog.svg) · [PNG](/downloads/ilustrace/jidla/hotdog.png) - Hranolky: [SVG](/downloads/ilustrace/jidla/hranolky.svg) · [PNG](/downloads/ilustrace/jidla/hranolky.png) - Špagety: [SVG](/downloads/ilustrace/jidla/spagety.svg) · [PNG](/downloads/ilustrace/jidla/spagety.png) - Sendvič: [SVG](/downloads/ilustrace/jidla/sendvic.svg) · [PNG](/downloads/ilustrace/jidla/sendvic.png) - Kobliha: [SVG](/downloads/ilustrace/jidla/kobliha.svg) · [PNG](/downloads/ilustrace/jidla/kobliha.png) - Zmrzlina: [SVG](/downloads/ilustrace/jidla/zmrzlina.svg) · [PNG](/downloads/ilustrace/jidla/zmrzlina.png) - Palačinky: [SVG](/downloads/ilustrace/jidla/palacinky.svg) · [PNG](/downloads/ilustrace/jidla/palacinky.png) - Volské oko: [SVG](/downloads/ilustrace/jidla/vajicko.svg) · [PNG](/downloads/ilustrace/jidla/vajicko.png) - Kuřecí stehno: [SVG](/downloads/ilustrace/jidla/kureci-stehno.svg) · [PNG](/downloads/ilustrace/jidla/kureci-stehno.png) - Polévka: [SVG](/downloads/ilustrace/jidla/polevka.svg) · [PNG](/downloads/ilustrace/jidla/polevka.png) - Muffin: [SVG](/downloads/ilustrace/jidla/muffin.svg) · [PNG](/downloads/ilustrace/jidla/muffin.png) ### Nálepky Hotové nálepky. PNG @2x se stínem a průhledným pozadím, SVG bez stínu. - Zhubne každý: [SVG](/downloads/nalepky/zhubne-kazdy.svg) · [PNG](/downloads/nalepky/zhubne-kazdy.png) - Mňam: [SVG](/downloads/nalepky/mnam.svg) · [PNG](/downloads/nalepky/mnam.png) - Klidně si dej: [SVG](/downloads/nalepky/klidne-si-dej.svg) · [PNG](/downloads/nalepky/klidne-si-dej.png) - Pořádné porce: [SVG](/downloads/nalepky/poradne-porce.svg) · [PNG](/downloads/nalepky/poradne-porce.png) - Bez výčitek: [SVG](/downloads/nalepky/bez-vycitek.svg) · [PNG](/downloads/nalepky/bez-vycitek.png) - Víš že: [SVG](/downloads/nalepky/vis-ze.svg) · [PNG](/downloads/nalepky/vis-ze.png) - 15 minut: [SVG](/downloads/nalepky/15-minut.svg) · [PNG](/downloads/nalepky/15-minut.png) - Odznak: [SVG](/downloads/nalepky/odznak-zhubne-kazdy.svg) · [PNG](/downloads/nalepky/odznak-zhubne-kazdy.png) - Symbol: [SVG](/downloads/nalepky/symbol.svg) · [PNG](/downloads/nalepky/symbol.png) - Wordmark: [SVG](/downloads/nalepky/wordmark.svg) · [PNG](/downloads/nalepky/wordmark.png) - Maskot: [SVG](/downloads/nalepky/maskot.svg) · [PNG](/downloads/nalepky/maskot.png) - Pizza: [SVG](/downloads/nalepky/pizza.svg) · [PNG](/downloads/nalepky/pizza.png) - Oči: [SVG](/downloads/nalepky/oci.svg) · [PNG](/downloads/nalepky/oci.png) - Úsměv: [SVG](/downloads/nalepky/usmev.svg) · [PNG](/downloads/nalepky/usmev.png) ### Vzory Opakovatelné vzory pro pozadí ploch a avatarů. - Puntíky: [SVG](/downloads/vzory/puntiky.svg) · [PNG](/downloads/vzory/puntiky.png) - Cik-cak: [SVG](/downloads/vzory/cikcak.svg) · [PNG](/downloads/vzory/cikcak.png) - Šachovnice: [SVG](/downloads/vzory/sachovnice.svg) · [PNG](/downloads/vzory/sachovnice.png) - Paprsky: [SVG](/downloads/vzory/paprsky.svg) · [PNG](/downloads/vzory/paprsky.png)