Be a crypto hero in the market by logging in

Don't you have an account? Sign in

Token price

  • BTC

    8,949,035.1KRW

    0.0%

  • ETH

    176,472.2KRW

    -0.3%

  • XRP

    270.1KRW

    0.8%

  • USDT

    1,195.1KRW

    0.4%

  • BCH

    250,905.4KRW

    -0.8%

  • LTC

    54,759.1KRW

    -0.5%

  • EOS

    3,231.4KRW

    -0.2%

  • BNB

    18,562.1KRW

    -0.7%

  • BSV

    113,906.3KRW

    -1.1%

  • XLM

    65.8KRW

    0.2%

  • ADA

    45.9KRW

    0.7%

  • XTZ

    1,781.2KRW

    8.4%

  • TRX

    17.3KRW

    -0.9%

  • XMR

    64,952.3KRW

    1.0%

  • HT

    3,350.7KRW

    -0.0%

  • NEO

    10,601.8KRW

    1.5%

  • MKR

    595,388.6KRW

    -1.2%

  • DASH

    62,379.5KRW

    -0.2%

  • USDC

    1,195.0KRW

    0.4%

  • ETC

    4,607.6KRW

    -0.3%

  • ONT

    734.2KRW

    0.2%

  • VET

    8.1KRW

    -4.3%

  • XEM

    42.8KRW

    0.2%

  • DOGE

    2.6KRW

    -0.0%

  • BAT

    224.0KRW

    -2.9%

  • ZEC

    35,153.2KRW

    0.8%

  • PAX

    1,195.6KRW

    0.5%

  • DCR

    24,864.2KRW

    1.5%

  • INB

    641.7KRW

    1.9%

  • QTUM

    2,079.9KRW

    -0.0%

  • RVN

    38.6KRW

    11.0%

  • TUSD

    1,195.9KRW

    0.5%

  • LINK

    485.1KRW

    2.0%

  • ZRX

    279.2KRW

    -2.7%

  • REP

    12,480.6KRW

    0.1%

  • NANO

    980.2KRW

    0.3%

  • CNX

    2,321.8KRW

    -0.7%

  • BTG

    7,160.8KRW

    -0.8%

  • OMG

    891.8KRW

    0.0%

  • XIN

    259,387.3KRW

    1.5%

  • XIN

    259,387.3KRW

    1.5%

  • LSK

    810.7KRW

    -0.2%

  • DGB

    7.7KRW

    -1.6%

  • KCS

    1,156.9KRW

    0.3%

  • BTM

    94.5KRW

    0.2%

  • BTM

    94.5KRW

    0.2%

  • KMD

    789.5KRW

    3.1%

  • XVG

    5.4KRW

    4.9%

  • IOST

    7.2KRW

    1.2%

  • ICX

    161.4KRW

    3.0%

  • THETA

    93.7KRW

    -0.1%

  • BCN

    0.4KRW

    2.2%

  • BCD

    422.5KRW

    -1.6%

  • ENJ

    99.8KRW

    -15.9%

  • MCO

    4,945.2KRW

    -0.9%

  • ZIL

    7.7KRW

    3.8%

  • SC

    1.8KRW

    0.9%

  • MONA

    1,068.9KRW

    -0.6%

  • DAI

    1,185.2KRW

    0.2%

  • WAVES

    685.0KRW

    1.3%

  • BTS

    24.0KRW

    0.4%

  • QNT

    5,434.3KRW

    -6.8%

  • HC

    1,467.8KRW

    -0.3%

  • NEXO

    115.6KRW

    1.4%

  • MAID

    135.0KRW

    0.4%

  • ARDR

    57.1KRW

    -0.1%

  • AE

    192.0KRW

    -1.3%

  • STEEM

    142.0KRW

    -0.5%

  • ETN

    4.6KRW

    0.2%

  • SNT

    13.2KRW

    -1.6%

  • NPXS

    0.2KRW

    -0.0%

  • GNT

    44.1KRW

    0.1%

  • ELF

    73.7KRW

    -1.6%

  • XZC

    4,210.2KRW

    -0.1%

  • STRAT

    355.4KRW

    0.2%

  • AOA

    5.3KRW

    -1.2%

  • PPT

    626.3KRW

    0.4%

  • FCT

    3,512.5KRW

    2.4%

  • ELA

    1,913.2KRW

    -0.0%

  • AION

    82.2KRW

    5.2%

  • WTC

    622.9KRW

    2.9%

  • LRC

    29.3KRW

    1.3%

  • LOOM

    27.4KRW

    9.3%

  • ARK

    220.0KRW

    -0.5%

  • WAX

    25.0KRW

    -3.2%

  • R

    48.5KRW

    -2.1%

  • RDD

    0.8KRW

    -2.6%

  • MOAC

    335.5KRW

    3.8%

  • POWR

    47.7KRW

    1.3%

  • ANT

    644.3KRW

    1.2%

  • PAI

    13.8KRW

    1.0%

  • PAI

    13.8KRW

    1.0%

  • BNT

    318.2KRW

    0.0%

  • DENT

    0.2KRW

    1.7%

  • ODE

    71.0KRW

    -0.4%

  • PIVX

    262.3KRW

    0.7%

  • TTC

    33.1KRW

    0.0%

  • POLY

    27.2KRW

    4.3%

  • PAY

    68.4KRW

    0.8%

  • BAAS

    1.9KRW

    -1.4%

  • MBL

    2.0KRW

    0.0%

  • EOSC

    7.2KRW

    -3.4%

  • BORA

    9.0KRW

    -1.8%

  • CPT

    1.9KRW

    -5.5%

  • REPO

    52.6KRW

    -36.2%

  • APIX

    0.6KRW

    -2.1%

  • FNB

    5.5KRW

    -5.4%

  • COSM

    7.5KRW

    -1.7%

  • GUSD

    1,193.8KRW

    0.2%

  • HUM

    9.4KRW

    10.6%

  • FLETA

    9.7KRW

    0.7%

  • AERGO

    37.9KRW

    -2.7%

  • UPP

    12.3KRW

    -7.7%

  • VRA

    1.1KRW

    5.0%

  • MVL

    0.4KRW

    0.4%

  • DCC

    0.9KRW

    --%

  • LKY

    50.0KRW

    -27.5%

  • eDEL

    2.4KRW

    -0.7%

  • ABL

    8.6KRW

    1.4%

  • MEETONE

    1.1KRW

    -1.9%

  • TEMCO

    0.6KRW

    -3.6%

  • RBG

    0.9KRW

    -0.5%

  • AKRO

    1.8KRW

    3.7%

  • AID

    2.5KRW

    -10.8%

  • WET

    5.6KRW

    -1.9%

  • AMON

    1.7KRW

    -10.8%

  • PXL

    20.9KRW

    9.1%

  • CLB

    1.6KRW

    -2.0%

  • XRA

    6.9KRW

    -0.0%

  • PTON

    0.0KRW

    0.7%

  • KARMA

    0.1KRW

    -5.8%

  • WIKEN

    2.1KRW

    7.2%

  • RBTC

    8,850,002.3KRW

    0.8%

  • SEAL

    0.8KRW

    --%

  • NEWS

    1.2KRW

    -1.8%

  • NPER

    3.5KRW

    --%

  • PUB

    0.2KRW

    -0.1%

  • HORUS

    0.2KRW

    -0.2%

  • CCH

    0.1KRW

    --%

  • PUT

    1.3KRW

    7.0%

  • KNT

    0.0KRW

    -13.3%

  • IQ

    3.1KRW

    -0.1%

  • BLACK

    0.7KRW

    7.0%

  • CET

    18.1KRW

    -1.1%

  • RCD

    3.0KRW

    --%

  • MCC

    0.4KRW

    0.0%

  • INC

    0.2KRW

    -5.5%

  • BZKY

    0.3KRW

    --%

  • CRE

    1.8KRW

    -1.4%

Community

[DESIGN] Design System and Style Guide

TEMCO | 06.11| 519

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?