Pixelot - Královský design

Pixelot - Královský design V dílně Pixelotu tvoříme weby a vizuální identity s péčí dávných mistrů.

🧙🏻‍♂️ Víte, co je to responzivní design?✍️ Responzivní design je dnes neodmyslitelnou součástí moderního webdesignu. Zaj...
16/07/2025

🧙🏻‍♂️ Víte, co je to responzivní design?

✍️ Responzivní design je dnes neodmyslitelnou součástí moderního webdesignu. Zajišťuje, že váš web vypadá perfektně na jakémkoliv zařízení. Ať už jste na obřím monitoru, tabletu nebo mobilu, vše se přizpůsobí!

⚔️ Už žádné rozházené obrázky nebo nekonečné rolování do stran! Obsah se sám přeformátuje, menu se promění a text se přizpůsobí, aby byl vždy čitelný a použitelný.

✨ Proč je to tak důležité? Dnešní uživatelé přistupují k webu z různých zařízení. Díky responzivnímu designu je váš web uživatelsky přívětivý, lépe dohledatelný (Google ho má rád!) a hlavně dostupný pro všechny.

Breakpoint je definovaná šířka obrazovky, při které se web mění, aby se přizpůsobil zařízení.

🖥️ Desktop: >1440 px
💻 Laptop: >1200 px
🔳 Tablet: >768 px a >1024 px
📱 Mobil: 480 px

🔮 Tip: Při plánování nového webu vždy myslete na mobily jako první - "mobile-first"!

📜 Vězte, že i v digitálním světě číhají draci byrokracie a labyrinty papírování, které dokážou zavařit hlavu nejednomu h...
14/07/2025

📜 Vězte, že i v digitálním světě číhají draci byrokracie a labyrinty papírování, které dokážou zavařit hlavu nejednomu hrdinovi. A přiznejme si, pro každého podnikatele je účetnictví často větší pruda než boj s baziliškem! 🐉

Proto jsme přijali vznešený úkol od Ing. Anny Prčkové: stvořit pro ni portál a erb, které budou jasné jako křišťál a příjemné jako jarní vánek, aniž by zaváněly zatuchlými lejstery. 🌬️

Do jejího nového loga jsme s zakomponovali něžnou pivoňku – květinu, která rozkvétá i tam, kde byste čekali jen hromady formulářů. Celý web byl postaven tak, aby se v něm každý cítil příjemně, a ne jako na úřadě. 🌸

Jsme hrdí, že jsme pomohli přetavit "úředničinu" v něco, co je nejen funkční, ale i oku lahodící. 🌐

https://annaprckova.cz/

🧙🏻‍♂️ Víte jaký je rozdíl mezi značkou, logem a logotypem?✍️ Logotyp je jméno značky ztvárněné písmem. Bez symbolů. Jen ...
09/07/2025

🧙🏻‍♂️ Víte jaký je rozdíl mezi značkou, logem a logotypem?

✍️ Logotyp je jméno značky ztvárněné písmem. Bez symbolů. Jen typografie, která nese charakter a tón vaší identity.

⚔️ Logo je spojení jména a symbolu.Někdy stačí samotná ikona když značka mluví dostatečně jasně i beze slov.

🟡 Značka není jen logo nebo název firmy. Je to celkový dojem a zkušenost, kterou si lidé spojí s firmou, produktem nebo službou.

🐜🏋🏻 Adam Antmann ve své značce ANTMANN propojuje silově-kondiční trénink, prvky fyzioterapie, regenerace a podporu psych...
07/07/2025

🐜🏋🏻 Adam Antmann ve své značce ANTMANN propojuje silově-kondiční trénink, prvky fyzioterapie, regenerace a podporu psychické pohody. Pro tuto jedinečnou značku jsme tak vytvořili kompletní rebranding a nový web. Byla to výprava za precizností! 👌🏻

Adamova vize? Místo, kde se klienti plně soustředí na svůj pokrok. Systém, který propojuje vše pro dlouhodobé zdraví. Naším questem bylo tuto vizi vdechnout do vizuální identity a webu. 🖌️

Logo s pracovitým mravencem jsme posílili, web navrhli tak, aby odrážel profesionalitu a důvěryhodnost. Každý detail vypráví příběh o pevné struktuře a individuálním přístupu. 💪🏻

Jsme hrdí na výsledek, který pomůže šířit Adamovo poslání. Zamiřte na jejich nový web a objevte více! 👇

https://www.antmann.cz/

🧙🏻‍♂️ Čistá bílá unavuje. Tyto světlé barvy to zvládnou lépe.🎨 Pearl Gray –   ✨ Tichá elegance perleťového odstínu🎨 Line...
24/05/2025

🧙🏻‍♂️ Čistá bílá unavuje. Tyto světlé barvy to zvládnou lépe.

🎨 Pearl Gray –
✨ Tichá elegance perleťového odstínu

🎨 Linen –
🌾 Teplý krémový tón s přírodní duší

🎨 Mint Whisper –
🍃 Svěžest v nádechu světla

🎨 Mist Blue –
🌫 Mlha nad ranním jezerem – jemná, uklidňující

🔮 Tip: Pokud přecházíš z bílé na jemnější odstín, otestuj kontrast s textem. I malý posun v barvě může změnit čitelnost.

🔮Tajemný vypravěč, milovník hádanek a mistr nečekaných crossoverů. Uličník s Hádankou je postava, kterou nelze popsat je...
21/05/2025

🔮Tajemný vypravěč, milovník hádanek a mistr nečekaných crossoverů. Uličník s Hádankou je postava, kterou nelze popsat jedním slovem – a právě proto jsme se pustili do tvorby zcela nové značky, která s ním drží krok! 🕶️✨

Výzvou bylo uchopit jeho originální svět, kde se Bohumil stal bystrozorem, nebo kde se David hlásí do Brumbálovi armády. 🧙‍♂️💥

Základním kamenem identity se stal symbol zahalené postavy – postava, která ti neprozradí všechno, ale přitáhne tě blíž.⚡ Nápis ULIČNÍK jsme vyvedli v laděné typografii, která odkazuje na fantasy, ale má i švih moderního tvůrce.

Celá značka teď působí jako znak cechu – odznak pro fanoušky, kteří chtějí být součástí něčeho víc. 🕯️📜

Díky za důvěru, Uličníku – bylo nám ctí nakreslit tvou tvář.

🧙🏻‍♂️ Milimetry patří do světa tiskařů, ne webdesignérů!Když tvoříme web, nehrajeme si s pravítkem. Webdesign není tisk ...
07/05/2025

🧙🏻‍♂️ Milimetry patří do světa tiskařů, ne webdesignérů!

Když tvoříme web, nehrajeme si s pravítkem. Webdesign není tisk – a rozhodně neměříme v milimetrech. Na webu používáme jiné jednotky, které se umí přizpůsobit různým obrazovkám.

🖥️ Z čeho skládáme weby?

px (pixely) – základní jednotka, říká velikost na obrazovce. Ale! Jeden pixel se může chovat jinak na různých zařízeních.

% (procenta) – vyjadřují poměr vůči okolnímu prostoru. Díky nim se prvky přizpůsobí šířce okna.

em / rem – jednotky podle velikosti textu. Díky nim je vše čitelné a škálovatelné.

vw / vh – zkratky pro „viewport width / height“ – tedy šířku a výšku viditelné části obrazovky. Super pro responzivní design.

fr (fraction) – jednotka pro rozvržení prvků v mřížce. Říká: „Tahle část zabere tolik poměrových dílů z celku.“

❌ A co rozhodně NE?

milimetry, centimetry, „jen to posuňte o kousíček“ nebo „o dva milimetry doleva“. Na obrazovce nic takového neexistuje – každý uživatel vidí něco trochu jiného.

🔮 Proč na tom záleží?

Protože naším cílem není přesnost na milimetr, ale web, který vypadá skvěle všude – od mobilu po ultrawide monitor.

🚗🔧 Pro EMTX Plzeň s. r. o. jsme navrhli novou vizuální identitu a webové stránky, které reflektují technickou preciznost...
05/05/2025

🚗🔧 Pro EMTX Plzeň s. r. o. jsme navrhli novou vizuální identitu a webové stránky, které reflektují technickou preciznost a silné postavení této firmy ve světě automobilového průmyslu. 🟢⚫

Společnost EMTX se věnuje vývoji a výrobě klíčových komponentů pro automobilky – od rámových dílů až po spolupráci na vývoji celých vozidel. Každý kus, jenž z jejich dílny vzejde, nese známku špičkového inženýrství a odpovídá těm nejpřísnějším normám.

📜 Naše úloha?

Vdechnout značce novou podobu, která působí moderně, ale s respektem k technickému řemeslu. Nový znak je pevný, funkční a snadno rozpoznatelný – přesně jako díly, které EMTX tvoří.

🖥️ A web?

Přehledný, svižný a postavený na jasné hierarchii. Uživatelé se snadno zorientují, ať už hledají informace o výrobě, vývoji nebo spolupráci. Web i identita jsou navrženy tak, aby obstály jak před znalci oboru, tak před náročnými partnery z automobilového světa.

https://www.emtx.cz/

🧙🏻‍♂️ 5 užitečných webů pro generování a testování barevných kombinací či celých barevných palet. ⚗️1️⃣ Palettemaker.com...
30/04/2025

🧙🏻‍♂️ 5 užitečných webů pro generování a testování barevných kombinací či celých barevných palet. ⚗️

1️⃣ Palettemaker.com vám pomůže snadno vytvářet harmonické barevné palety na základě jednoho zvoleného odstínu nebo pomocí interaktivního editoru.

2️⃣ Picular.co funguje jako „Google pro barvy“ – po zadání libovolného slova vyhledá obrázky přes Google a vygeneruje z nich dominantní barvy

3️⃣ Adobe Color umožňuje vytvářet, upravovat a sdílet barevné palety pomocí barevného kola a pravidel barevné harmonie, jako jsou analogické, monochromatické, triadické a další.

4️⃣ Coolors.co zvládne generování barevných palet, procházet miliony hotových schémat, extrahovat barvy z obrázků, kontrolovat kontrast a vizualizovat palety v reálných návrzích.

5️⃣ Realtimecolors.com je bezplatný online nástroj, který umožňuje vytvářet a vizualizovat barevné palety a typografii přímo na realistických webových šablonách v reálném čase.

🔮 Tip: AI generátory barevných palet jsou dnes běžnou součástí mnoha grafických programů.

❓ Používáte nějaký jiný nástroj pro práci s barvami? 👇🏻

🔐📹 Pro značku vasekamery.cz jsme s umem sobě vlastním stvořili zbrusu novou vizuální podobu a vystavěli moderní webové s...
28/04/2025

🔐📹 Pro značku vasekamery.cz jsme s umem sobě vlastním stvořili zbrusu novou vizuální podobu a vystavěli moderní webové stránky, jež plně korespondují s jejich mistrovstvím v oboru zabezpečení a kamerových systémů. ⚫🟡

Společnost vasekamery.cz se věnuje návrhu, instalaci a údržbě kamerových systémů, zabezpečovacích zařízení a jiných technologií střežících bezpečí domovů i sídel firem. 🏰

📜 Jaké poslání nám bylo svěřeno?

Vdechnout značce nového ducha v podobě identity, jež vyzařuje profesionalitu, neochvějnou jistotu a pocit bezpečí. Znak jejich, logo, jest prosté, technicky precizní a snadno v paměti utkví – právě takové, jakého tento důležitý obor vyžaduje.

🖥️ A co webové stránky?

Jsou přehledné, plně funkční a bezpečné jako hradní zdi. Navrhli a vytvořili jsme webové stránky, jež návštěvníky s grácií provedou nabídkou služeb a produktů, poskytnou klíčové informace a zároveň upevní důvěryhodnost značky.

https://vasekamery.cz/

🧙🏻‍♂️ Vizuální rovnováha není dílem náhody – je to alchymie proporcí. Pravidlo 60-30-10 je osvědčený způsob, jak vytvoři...
23/04/2025

🧙🏻‍♂️ Vizuální rovnováha není dílem náhody – je to alchymie proporcí. Pravidlo 60-30-10 je osvědčený způsob, jak vytvořit barevnou paletu, která působí vyváženě a přirozeně:

🔮 60 % – Primární barva
🛡️ 30 % – Sekundární barva
💎 10 % – akcent, který přitáhne zrak

🎨 Ve světě, kde každý detail může rozhodnout bitvu o pozornost, je správná barevná strategie tajnou zbraní.

❓ Znáte toto pravidlo? 👇

💼 Pro řemeslníka stojícího za značkou Halflung leatherworks jsme vytvořili nové webové stránky a modernizovali logo! 🟫 🟨...
17/04/2025

💼 Pro řemeslníka stojícího za značkou Halflung leatherworks jsme vytvořili nové webové stránky a modernizovali logo! 🟫 🟨

Halflung se věnuje poctivé ruční výrobě kožených doplňků – brašen, opasků i další výstroje, která najde své místo v každodenním životě, na larpu i ve fantasy světě. 🧵🗡️

📜 Zadání: Zachovat původní atmosféru značky, ale dát jí čitelnější a pevnější vizuální základ. Přepracovali jsme logo, které nově lépe funguje i v menších velikostech, a připravili web, jenž nechává vyniknout samotné výrobky. 👞

Navštivte www.halflung.cz a přesvědčte se sami.

Adresa

Borská 69
Plzen
30100

Internetová stránka

Upozornění

Buďte informováni jako první, zašleme vám e-mail, když Pixelot - Královský design zveřejní novinky a akce. Vaše emailová adresa nebude použita pro žádný jiný účel a kdykoliv se můžete odhlásit.

Sdílet