1. keyword
1.1. flexibility
1.1.1. particle
1.1.2. module
1.1.2.1. contents layout
1.1.3. shape
1.1.3.1. triangle
1.1.3.1.1. LEGO blocks
1.2. twist/reversal
1.2.1. flip
1.2.2. text-shadow:hover
1.3. possibility/problem solving
1.4. storytelling
1.4.1. timeline @top,fixed
1.4.1.1. parallex
1.4.1.1.1. w/scroll layered: more info
1.4.1.2. d3
1.4.2. lots of data
1.4.2.1. step indicator
1.5. 발상의전환/exformation
1.5.1. w/click, srcoll, new text or shape transforms into different shape lading to next page.
1.6. balance + contrast
1.6.1. digital vs analog
1.7. multi-dimentional
1.7.1. parallax
1.7.1.1. overlaps w/ previous section = create new element.
1.7.1.1.1. scrollme nckprsn/scrollme
2. Strength
2.1. organization
2.2. fast work
2.3. integrated thinking
2.4. multi dimensional
3. UIUX
3.1. device
3.1.1. 320px ~ 1920px
3.2. layout
3.2.1. header
3.2.1.1. @scrollDown fixed
3.2.2. contents
3.2.2.1. parallax
3.2.3. sidebar
3.2.3.1. @desktop block
3.2.4. footer
3.2.4.1. floating ball
3.2.4.2. step indicator
3.3. font
3.3.1. main
3.3.1.1. [en] Dosis / Roboto
3.3.1.2. [kr] Source Han Sans
3.3.2. sub
3.3.2.1. [en] Arial
3.3.2.2. [kr] Malgun Gothic
3.4. color
3.4.1. main
3.4.2. sub
3.4.3. refer
3.4.3.1. https://creativemarket.com/blog/10-brilliant-color-psychology-infographics
3.4.3.2. http://blog.visme.co/wp-content/uploads/2017/01/How-to-Choose-the-Right-Color-Scheme-for-Your-Infographic-Design-15.png
3.5. tools
3.5.1. Coolors
4. reference
4.1. dzieci sieci: mashup - One Page Website Award
4.2. Places to Visit
4.3. Graphic Design
4.4. parallax
4.4.1. Dzieci sieci: mashup
4.4.2. Make infographics
4.4.3. Agence web Tunisie