sníd

search

Přidat firmu

Seznam.cz

sníd

search

Přidat firmu

Seznam.cz

Styleguide

Stavební kameny

·

Definice

·

Filozofie...

Povídání

Kroky

  1. detail - učesání

  2. výsledky hledání - nutné poladit

  3. homepage - filozofická otázka, jak to uchopit

  4. další - žebříčky aj.

Proč takovýto přístup?

  • Framer — wtf?… ftw

  • prototypování

  • „svázanost“ ve smyslu dělat funkční výstup vs. 

  • +- reálná data (díky Kačce)

Proč takovýto výstup?

  • co se týče detailu, tak po mnoha diskuzích jsme dospěli k tomu, že zásadní změny na detailu řešit nebudeme

  • proto jde spíše o směr zjednodušení a sjednocení

Podklady/filozofie

  • popis pravidel než pixel-perfect podklady

  • responzivita (písmo)

  • pár stavebních kamenů

  • „živý“ náhled v browseru + viewer mode ve frameru

Co s tím dál?

  • datově nestavíme na zelené louce

  • layoutově bych však na zelené louce stavěl

Povídání

Kroky

  1. detail - učesání

  2. výsledky hledání - nutné poladit

  3. homepage - filozofická otázka, jak to uchopit

  4. další - žebříčky aj.

Proč takovýto přístup?

  • Framer — wtf?… ftw

  • prototypování

  • „svázanost“ ve smyslu dělat funkční výstup vs. 

  • +- reálná data (díky Kačce)

Proč takovýto výstup?

  • co se týče detailu, tak po mnoha diskuzích jsme dospěli k tomu, že zásadní změny na detailu řešit nebudeme

  • proto jde spíše o směr zjednodušení a sjednocení

Podklady/filozofie

  • popis pravidel než pixel-perfect podklady

  • responzivita (písmo)

  • pár stavebních kamenů

  • „živý“ náhled v browseru + viewer mode ve frameru

Co s tím dál?

  • datově nestavíme na zelené louce

  • layoutově bych však na zelené louce stavěl

Povídání

Kroky

  1. detail - učesání

  2. výsledky hledání - nutné poladit

  3. homepage - filozofická otázka, jak to uchopit

  4. další - žebříčky aj.

Proč takovýto přístup?

  • Framer — wtf?… ftw

  • prototypování

  • „svázanost“ ve smyslu dělat funkční výstup vs. 

  • +- reálná data (díky Kačce)

Proč takovýto výstup?

  • co se týče detailu, tak po mnoha diskuzích jsme dospěli k tomu, že zásadní změny na detailu řešit nebudeme

  • proto jde spíše o směr zjednodušení a sjednocení

Podklady/filozofie

  • popis pravidel než pixel-perfect podklady

  • responzivita (písmo)

  • pár stavebních kamenů

  • „živý“ náhled v browseru + viewer mode ve frameru

Co s tím dál?

  • datově nestavíme na zelené louce

  • layoutově bych však na zelené louce stavěl

Barvy

Text/Default

Text/Dimmed

Text/Inverse

Link/Default

Link/Dimmed

Aux/Separator

Breakpopinty…

Toto by mohl být výkop pro další práci:

XL: >2560px

L: >1200px (nebo spíše 1024px)

M: >810px?

S: <810px?

Spacingy

4px

8px

12px

16px

24px


Jak řešit responzivitu tady? em/rem/…?

Zlatý řez?

~ 62 / 38

Radiusy?

12px

16px

Transitions

Ease In Out

0.3s

Typo

Base

Inter: Regular, Semibold
Line-height: 1.4 em
Velikosti: L > 1200px, M > 810px , S < 810px

Heading 1

40px, 36px, 30px

Vítr skoro nefouká

Heading 2

30px, 24px, 19px

Vítr skoro nefouká

Heading 3

18px, 16px, 15px

Vítr skoro nefouká

Body

15px, 14px, 13px

Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček marně, balónky působí jako jakási fata morgána uprostřed pouště. Zkrátka široko daleko nikde nic, jen zelenkavá tráva, jasně modrá obloha a tři křiklavě barevné pouťové balónky, které se téměř nepozorovatelně pohupují ani ne moc vysoko, ani moc nízko nad zemí.

Subtle

13px, 12px, 11px

Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček marně, balónky působí jako jakási fata morgána uprostřed pouště. Zkrátka široko daleko nikde nic, jen zelenkavá tráva, jasně modrá obloha a tři křiklavě barevné pouťové balónky, které se téměř nepozorovatelně pohupují ani ne moc vysoko, ani moc nízko nad zemí.

Nepoužito? Mini

Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček marně, balónky působí jako jakási fata morgána uprostřed pouště. Zkrátka široko daleko nikde nic, jen zelenkavá tráva, jasně modrá obloha a tři křiklavě barevné pouťové balónky, které se téměř nepozorovatelně pohupují ani ne moc vysoko, ani moc nízko nad zemí.

Nepoužito? Caption

Vítr skoro nefouká a tak by se na první pohled mohlo zdát, že se balónky snad vůbec nepohybují. Jenom tak klidně levitují ve vzduchu. Jelikož slunce jasně září a na obloze byste od východu k západu hledali mráček marně, balónky působí jako jakási fata morgána uprostřed pouště. Zkrátka široko daleko nikde nic, jen zelenkavá tráva, jasně modrá obloha a tři křiklavě barevné pouťové balónky, které se téměř nepozorovatelně pohupují ani ne moc vysoko, ani moc nízko nad zemí.

Žebříček nejlepších firem

2. místo: Autobazary v Brně-městě

13. místo: Autobazary v České republice

Load More