Be a crypto hero in the market by logging in

Don't you have an account? Sign in

Token price

  • BTC

    13,840,585.9KRW

    -4.7%

  • ETH

    362,788.4KRW

    -6.0%

  • XRP

    495.1KRW

    -10.3%

  • BCH

    504,374.2KRW

    -12.1%

  • LTC

    136,229.6KRW

    -12.8%

  • EOS

    7,394.5KRW

    -12.4%

  • BNB

    38,907.5KRW

    -9.9%

  • BSV

    237,387.2KRW

    -14.9%

  • USDT

    1,150.3KRW

    -0.0%

  • ADA

    105.4KRW

    -8.0%

  • TRX

    40.7KRW

    -9.5%

  • XLM

    128.7KRW

    -12.5%

  • XMR

    108,606.3KRW

    -9.4%

  • DASH

    190,889.6KRW

    -7.0%

  • NEO

    20,480.7KRW

    -10.0%

  • ETC

    9,406.1KRW

    -13.2%

  • XEM

    106.1KRW

    -5.6%

  • ONT

    1,779.9KRW

    -11.5%

  • ZEC

    122,939.9KRW

    -0.3%

  • MKR

    783,539.2KRW

    -10.3%

  • XTZ

    1,183.4KRW

    -3.7%

  • BTG

    32,135.6KRW

    -13.2%

  • QTUM

    5,484.2KRW

    -15.6%

  • VET

    9.2KRW

    -11.8%

  • DOGE

    3.7KRW

    -4.5%

  • BAT

    339.2KRW

    -8.0%

  • OMG

    2,956.0KRW

    -4.2%

  • USDC

    1,163.0KRW

    0.5%

  • DCR

    37,289.0KRW

    -4.8%

  • LSK

    2,290.0KRW

    -3.6%

  • BCD

    1,419.6KRW

    -9.2%

  • RVN

    65.1KRW

    -8.5%

  • NPXS

    1.0KRW

    -2.9%

  • TUSD

    1,161.1KRW

    0.4%

  • HC

    5,453.4KRW

    -15.6%

  • WAVES

    2,338.7KRW

    -12.1%

  • AOA

    35.4KRW

    9.0%

  • REP

    20,857.5KRW

    2.2%

  • HT

    4,472.1KRW

    2.5%

  • ZRX

    360.2KRW

    -7.0%

  • BCN

    1.1KRW

    -3.2%

  • BTS

    75.4KRW

    -11.4%

  • NANO

    1,541.0KRW

    -7.4%

  • BTM

    195.3KRW

    -13.2%

  • BTM

    195.3KRW

    -13.2%

  • MONA

    2,910.2KRW

    -10.3%

  • DGB

    14.9KRW

    -11.6%

  • ICX

    372.8KRW

    -10.5%

  • ZIL

    20.2KRW

    -14.2%

  • IOST

    14.4KRW

    -15.0%

  • LINK

    485.1KRW

    2.0%

  • PAX

    1,162.2KRW

    0.4%

  • DENT

    2.2KRW

    -15.2%

  • KCS

    1,768.1KRW

    -6.2%

  • AE

    581.3KRW

    -10.2%

  • KMD

    1,348.0KRW

    -10.5%

  • SC

    3.7KRW

    -6.0%

  • XVG

    9.6KRW

    -11.9%

  • INB

    420.1KRW

    -6.1%

  • XIN

    320,166.5KRW

    -6.4%

  • XIN

    320,166.5KRW

    -6.4%

  • STEEM

    437.2KRW

    -11.7%

  • ARDR

    129.4KRW

    -10.4%

  • THETA

    133.2KRW

    -13.3%

  • SNT

    33.2KRW

    -11.6%

  • ELF

    227.4KRW

    -14.3%

  • MCO

    7,000.3KRW

    -11.5%

  • ENJ

    141.2KRW

    -9.3%

  • MAID

    237.0KRW

    -4.7%

  • DAI

    1,168.0KRW

    1.1%

  • GNT

    104.5KRW

    -11.2%

  • XZC

    12,917.1KRW

    -8.7%

  • STRAT

    1,009.5KRW

    -11.2%

  • WAX

    94.7KRW

    -14.8%

  • PAI

    53.6KRW

    -13.4%

  • PAI

    53.6KRW

    -13.4%

  • ODE

    325.3KRW

    -8.5%

  • ELA

    4,726.9KRW

    -12.3%

  • CNX

    1,308.7KRW

    -9.9%

  • NEXO

    128.6KRW

    -11.0%

  • QNT

    7,201.7KRW

    -20.6%

  • WTC

    1,689.2KRW

    -10.9%

  • RDD

    2.3KRW

    -15.4%

  • LRC

    66.3KRW

    -10.6%

  • FCT

    6,208.1KRW

    -7.1%

  • ARK

    518.0KRW

    -10.3%

  • LOOM

    73.4KRW

    -11.4%

  • R

    119.4KRW

    -4.1%

  • REPO

    519.3KRW

    -4.6%

  • BNT

    880.1KRW

    -8.3%

  • ETN

    5.5KRW

    -10.5%

  • POWR

    121.2KRW

    -10.5%

  • AION

    153.5KRW

    -7.1%

  • PPT

    914.9KRW

    -10.1%

  • PIVX

    738.8KRW

    -9.9%

  • POLY

    96.5KRW

    -8.9%

  • MOAC

    658.7KRW

    -6.1%

  • PAY

    246.5KRW

    -9.7%

  • COSM

    40.0KRW

    -9.5%

  • TTC

    122.9KRW

    1.0%

  • CPT

    8.3KRW

    -11.5%

  • GUSD

    1,150.2KRW

    -0.4%

  • ANT

    639.5KRW

    4.1%

  • LKY

    374.1KRW

    --%

  • HUM

    0.5KRW

    -5.0%

  • AERGO

    161.3KRW

    -16.5%

  • TEMCO

    4.7KRW

    12.3%

  • APIS

    2.1KRW

    1.0%

  • MVL

    0.9KRW

    -5.4%

  • ABL

    27.1KRW

    -12.3%

  • PTON

    0.8KRW

    28.2%

  • BAAS

    1.2KRW

    -13.3%

  • VRA

    1.1KRW

    2.6%

  • AID

    19.1KRW

    -5.9%

  • DCC

    0.8KRW

    --%

  • eDEL

    2.4KRW

    -0.7%

  • PUB

    1.6KRW

    -10.2%

  • WET

    14.5KRW

    -36.8%

  • HORUS

    2.6KRW

    -26.3%

  • SEAL

    2.2KRW

    33.8%

  • XRA

    9.9KRW

    -8.3%

  • KARMA

    0.2KRW

    -21.6%

  • PUT

    11.9KRW

    -7.1%

  • KNT

    0.4KRW

    64.9%

  • NPER

    3.4KRW

    --%

  • IQ

    27.8KRW

    -13.8%

  • RBTC

    13,761,807.5KRW

    -5.1%

  • BLACK

    2.2KRW

    -37.4%

  • CET

    25.3KRW

    -11.1%

  • MEETONE

    4.2KRW

    -11.8%

  • RCD

    3.0KRW

    --%

  • MCC

    12.2KRW

    -11.2%

  • INC

    38.9KRW

    -14.8%

  • FNB

    215.3KRW

    -8.8%

  • BZKY

    0.4KRW

    -4.3%

  • BORA

    58.9KRW

    -13.4%

  • CRE

    4.0KRW

    -7.4%

Community

[DESIGN] Design System and Style Guide

TEMCO | 06.11| 30

Hello, everyone, the design update of GUHADA is here.
At this time, we want to share the design system and style guide.

Design System Process

To proceed with the design process, there are 4 steps as shown below.

1. Discover.
Design research and review.
2. Define.
Data analysis, project understanding, and concept idea justification and review through the design.
3. Develop.
Design specification, prototyping, and development.
4. Deliver.
Show the product, conduct user verification, feedback based on tests with edits and security.

As mentioned before, “Moodboard” is used often when we set up for the rough design system construction. It is a step where we can set up and share the rough concept through the Moodboard, before considering the concept and specific mood.

(For the details on Moodboard exposure, you can check out the past content below)
Link: https://medium.com/temcolabs/tech-guhadas-brand-identity-9e63721d666d

Moodboard is a method for mosaic, collage, typography, icon, UI and more sample images, presiding the visualization of image analysis

UI Style Guide

The next step is creating the “UI Style Guide”. This week’s topic, the style guide focuses on planning for the color, typography, UI elements and more. The advantage of this step is that you can decrease the time spent on detailed tasks before solving any issues.

The design system’s advantage
1. Consistency
2. Reusability
3. Velocity
4. Gain time to focus on innovative ideas

The common misconception about the design system is that “it is not flexible since the design is mostly pre-set and there is no need for a new design.” However, if there is such a system that is flexible, the designer can focus on innovative ideas rather than thinking about the color or how to design the corners of a button.

Creating Design system and Caution

1. Consistent update

The design system needs to be updated as if it is alive, with the product information. Continuous innovation is needed through consistent feedback from the actual application of the

2. Detailed Policy Justification

Just developing components for the design system is not enough for all the teams to use the aligned design. There is a need for setting policy for using which component at which given period.

3. Organization for easy understanding

The guideline and policy have to be easy for designers to understand. When organizing the policy, it has to be in a form of do’s and don’ts, in order to be effective.

4. Cooperation with others

A design system is not something that a specialized team develops and distribute. It is important to cooperate with designers and developers for the system.

After completing the style guide, to execute the real mock-up, the follow-up problems can happen. The team stage and product design may come out with similar results or it could be different based on the level of the contents. Also, the design is separated by the OS level, the synchronization level may become lower and lower and the product uniformity may be reduced. Especially, if the process is focused on agile’s sprint method, the process may be more focused on the update.

It is good to use colors that raise the brand value. However, we’ve considered the accessibility and selected the sub colors that can raise the visual awareness of the main color. Also, we’ve adopted the component system where many consider it as a Lego block system, which is a repetition of the component combination and it has the advantage of product uniformity and quick processing. We’ve set up the design in a way that the code for developers matches the components of the design with the symmetrical setting so that uniform application of the product is possible.

For each component of the shopping mall, the design team has placed all the colors that GUHADA represents. Other than such design, the design team is working on the details page, login page, and more.

In addition, the design team is working on GUHADA goods.

Please stay tuned for GUHADA platform, which is planned to launch in September of this year.

TEMCO: Innovative Supply Chain Data Management and E-Commerce platform through Blockchain and Smart Contract Technology.

▶TEMCO Chatroom: https://t.me/temcolabs
▶TEMCO Official Website: https://temco.io


[DESIGN] Design System and Style Guide was originally published in TEMCO on Medium, where people are continuing the conversation by highlighting and responding to this story.

Comment 0

delete

Are you sure you want to delete this post?