Rebrand na WorkNuke: zelena znacka a prestavene hero

Prevzeti vizualniho smeru z predlohy. Web i portal stoji na tychz tokenech,
takze zmena hodnot v index.css se projevila naraz na obojim - portal je
zeleny, aniz by se sahlo na jedinou jeho komponentu.

Znacka a tokeny:
- akcent z cyanove na zelenou #B7FF3C, podklad z modrocerne na zelenocernou
  #0F1411. Seda dostala zelenou prichut, aby vedle podkladu nepusobila spinave.
- druhy akcent a text-gradient se nemazaly, jen presmerovaly do zelene rady.
  Pouziva je 341 mist a prepsat je vsechna kvuli barve by byla zbytecne velka
  zmena; fialova z nich zmizela tak jako tak.
- stav "v poradku" je nove modrozeleny. Akcent je zeleny a dve zelene na jedne
  obrazovce, kazda o necem jinem, nikdo nerozlisi.
- pismo Archivo na nadpisy, IBM Plex Sans na text, IBM Plex Mono na cisla a ID.
  Nadpisy maji tesny proklad, ktery Inter neumel bez trikareni.
- znak je plocha bomba misto pismene v gradientnim ctverci. LogoMark je
  samostatny export, aby sel pouzit i uvnitr snimku v heru. Novy favicon.
- primarni tlacitko je plna zelena misto prechodu ze dvou barev.

Hero a navigace:
- prokladany nadtitulek misto odznaku, dvouslovne radky nadpisu, jedno
  primarni tlacitko plus textovy odkaz, ctyri slovesa misto tri odrazek
  a snimek portalu vybihajici z prave hrany.
- navigace je pri levem okraji a bez pilulky za aktivni polozkou. Jedina
  pilulka na liste je primarni akce.

Opraveno u toho:
- zare v heru je pozadi sekce, ne vrstva pod ni. Prekryv se zapornym
  z-indexem se schoval za podklad stranky a nebyl videt vubec.
- presah snimku se pocita ze sirky kontejneru. Pevna hodnota ve vw stacila
  na notebooku, ale nad 1600 px se snimek vesel do postranni mezery
  a prestal byt oriznuty.

Zamerne nezmeneno: klice v prohlizeci (automia.token, automia.tenant), ID
firmy tnt_automia, ID aplikace csbot-prototype a prihlasovaci e-maily
v ukazkovych datech. Vypadaji jako jmeno, ale jsou to identifikatory.

Popis, jak znacka funguje v kodu, je v documentation/22-znacka-a-design.md.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
JiriUhlir
2026-08-26 09:56:23 +02:00
co-authored by Claude Opus 5
parent 2e863c1f8b
commit 73e0ecca4f
11 changed files with 640 additions and 174 deletions
+19 -17
View File
@@ -1,18 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="g" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#22d3ee" />
<stop offset="1" stop-color="#8b5cf6" />
</linearGradient>
</defs>
<rect width="64" height="64" rx="16" fill="#070b16" />
<path
d="M20 44 32 18l12 26"
fill="none"
stroke="url(#g)"
stroke-width="5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path d="M25 36h14" fill="none" stroke="url(#g)" stroke-width="5" stroke-linecap="round" />
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Znak WorkNuke. Stejna geometrie jako LogoMark, jen s vlastnim podkladem. -->
<rect width="32" height="32" rx="7" fill="#0F1411" />
<g fill="#B7FF3C">
<g transform="rotate(45 16 16)">
<rect x="11.4" y="9" width="9.2" height="15" rx="4.6" />
<rect x="13.6" y="6.6" width="4.8" height="4" rx="1.2" />
<path d="M13.6 7.4 8.2 3.6l1.4 6.2 4-1.4z" />
<path d="M18.4 7.4l5.4-3.8-1.4 6.2-4-1.4z" />
<path d="M14.6 6.8h2.8l-1.4-5z" />
</g>
<path
d="M7.4 27.2 4.4 30.2M4.6 24.6H1.4M10.4 30.4v3"
stroke="#B7FF3C"
stroke-width="2"
stroke-linecap="round"
fill="none"
/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 596 B

After

Width:  |  Height:  |  Size: 718 B