BrokerTax Design Review & v2 Iterace

Porovnání: Původní vs. Vylepšená verze

Zapracovali jsme 3 klíčové body: sjednocení tloušťky stuhy, jasnou čitelnost písmene T, vyřešení optické mezery u tečky a možnost čistého symbolu bez těžké kostky.

Přímé srovnání: Původní verze v1 vs. Vylepšená verze v2

Původní stav (v1)Těžší kostka

brokertax.cz

•Nesourodý dřík (plný tlustý obdélník vs. tenké linky).
•Písmeno „T“ není zřetelné (splývá do stropu písmene B).
•Tmavá kostka působí na webu jako mobilní ikona.

Vylepšená verze (v2)Aktivní na webu

brokertax.cz

Sjednocená stuha 4.5px: Jednolitá šířka materiálu po celém obvodu.
Čitelné T: Horní břevno má jemný přesah doleva – T i B jsou okamžitě rozpoznatelné.
Glyph-only lehkost: Symbol volně dýchá bez těžkého rámečku (vzdušný moderní SaaS).
Mikro-kerning tečky: Žádná optická díra mezi „tax“ a „cz“.

Interaktivní ladění vylepšené verze v2

Vyzkoušejte symbol bez podkladu, s jemným rámečkem i jako plnou kostku

Aktivní varianta • ribbonV2 • podklad: none • brokertax.cz

brokertax.cz

1. Typ podkladu ikony

Doporučeno pro web

1. Čistý symbol bez podkladu (Glyph-only)

Maximální lehkost a elegance (styl Linear / Stripe). Logo volně dýchá přímo na světlém pozadí bez těžkého ohraničení.

Decentní podklad

2. Jemný pastelový rámeček

Velmi světlý mentolový podklad (#ecfdf5) s jemnou linkou. Přirozeně integruje symbol a drží čistý tvar.

Pro Favicon & Mobilní ikonu

3. Plná smaragdová kostka (Squircle)

Sytý smaragdový přechod s bílým symbolem. Ideální do záložky prohlížeče (16×16px) nebo jako ikona na plochu.

2. Geometrická varianta

Folded Ribbon B-T v2 (Vylepšená verze)

Sjednocená šířka stuhy (4.5px) bez nesourodého plného dříku. Horní břevno má přesah doleva pro okamžitou čitelnost písmene T, spodní oblouk navazuje s 3D stínovým efektem.

Folded Ribbon v1 (Původní verze)

Původní návrh s plným bílým dříkem a uzavřeným squirclem.

Stepped Growth Ledger

Svislý dřík účetní knihy a tři horizontální břevna se spark diamantem vpravo nahoře.

Tax Audit Shield & Check

Geometrický štít s ověřovacím checkmarkem a horní linkou T.

React kód pro v2

Snadná integrace s `container="none"` nebo `"squircle"`

import Logo from '@/components/Logo';

// Vylepšené logo v2 (čistý symbol pro webový header):
<Logo
  domain="cz"
  concept="ribbonV2"
  container="none"
  domainStyle="dot"
  size="md"
/>