Přeskočit na obsah
Inzerce
HledatPřihlásit se

Pro partnery a média

Značka Orderbook

Logo, barvy, písma a prvky, ze kterých se Orderbook skládá. Stránka ukazuje hodnoty, které web opravdu používá, ne jejich přepis. Co potřebujete pro vlastní materiál, si tu stáhnete.

Stáhnout logo

Barvy

Černobílá paleta s jedním akcentem

Barva nese význam, ne dekoraci. Sapphire a Royal Plum označují směr čísla nahoru a dolů; všude jinde nese sdělení text a rámeček.

  • Inkoustová čerň

    #0E0E0E

    hlavní text, logo, akcentní plochy

  • Bílá

    #FFFFFF

    pozadí stránky i karet

  • Světle šedá

    #F4F4F4

    plocha, která něco znamená: hlavička tabulky, zvolená položka

  • Linka

    #E3E3E3

    rámečky a oddělovače

  • Doprovodná šedá

    #5A5A5A

    doprovodný text

  • Podřadná šedá

    #6F6F6F

    popisky os, časové údaje

  • Sapphire

    #0353A4

    směr nahoru v datech; první barva gradientu

  • Royal Plum

    #820263

    směr dolů v datech; druhá barva gradientu

Gradient

Jediný barevný akcent, a jen na rozhraní

Značkový gradient jde ze Sapphire do Royal Plum pod úhlem 135 stupňů. Patří na prvky rozhraní: markery nadpisů, pilulky, proužky panelů, dlaždice a hlavní tlačítka. Na data nikdy. Obarvit číslo nebo graf by čtenáři podsouvalo signál, který v datech není.

linear-gradient(135deg, #0353A4, #820263)

Typografie

Čtyři řezy, každý s vlastní prací

  • DM Sansnadpisy a logo v konzoli

    Likvidita se ztenčila

  • Plus Jakarta Sansběžný text

    Hloubka knihy klesla o 38 procent proti lednu.

  • Space Monočísla, popisky, štítky

    +2,4 % · 61 / 100

  • Karmaperex a citace; písmo loga

    Data jsou páteří každého tvrzení.

Prvky

Podle čeho se Orderbook pozná i bez loga

Prvky, které se opakují tak často, že tvoří charakter. Kdo staví materiál pro Orderbook, staví z nich.

  • Pilulka

    Plně kulatý tvar s tenkým rámečkem. Pod kurzorem zesvětlá do gradientu a nadzvedne se. Je to domácí tvar celého webu: filtry, přepínače i štítky.

  • Gradientová dlaždice

    Čtverec se zaoblením 11 px a barevným stínem, uvnitř tenká linková ikona. Jedno sdílené pravidlo pro celý web.

  • Marker u nadpisu

    Krátký gradientový proužek vlevo od nadpisu sekce a vodorovná linka za ním. Drží rytmus všech výpisů.

  • Proužek panelu

    Tři pixely gradientu u horní hrany přístrojové karty. Odlišuje datový modul od běžného obsahu.

  • Mono popisek

    Space Mono, verzálky, výrazné prostrkání. Stojí nad nadpisem a pojmenovává kontext.

  • Serifový perex

    Karma uprostřed bezserifové sazby. Odděluje redakční hlas od rozhraní.

  • Typografický minus

    Záporná čísla nesou znak U+2212, ne spojovník. Barva je až druhý nositel významu.

Pravidla

Co se se značkou nedělá

  • Přebarvit logo na jinou barvu než inkoustovou čerň nebo bílou.
  • Roztáhnout, zúžit nebo naklonit wordmark. Poměr stran je pevný.
  • Obtáhnout logo, dát mu stín nebo obrys.
  • Položit logo na fotku nebo texturu bez jednolité podložky.
  • Přesázet wordmark jiným písmem. Je to kresba, ne text.
  • Rozdělit „Order“ a „book“ nebo vypustit prostředníkový bod.
  • Použít monogram tam, kde se vejde wordmark.
  • Dát gradient na logo nebo na čísla a grafy.

Potřebujete něco, co tu není? Napište na [email protected] a domluvíme se.