Be a crypto hero in the market by logging in

Don't you have an account? Sign in

Token price

  • BTC

    11,970,630.7KRW

    -0.0%

  • ETH

    248,986.9KRW

    -3.5%

  • XRP

    329.0KRW

    -5.0%

  • BCH

    363,794.4KRW

    -2.3%

  • LTC

    86,146.2KRW

    -1.4%

  • USDT

    1,199.7KRW

    0.2%

  • EOS

    4,528.6KRW

    -5.6%

  • BNB

    24,240.9KRW

    -3.6%

  • BSV

    140,861.8KRW

    -4.0%

  • XLM

    82.2KRW

    -4.4%

  • XMR

    86,478.6KRW

    -0.9%

  • ADA

    57.4KRW

    -6.9%

  • TRX

    19.9KRW

    -7.2%

  • HT

    4,797.9KRW

    -1.2%

  • DASH

    110,305.6KRW

    -1.9%

  • XTZ

    1,256.0KRW

    -0.9%

  • ETC

    7,146.6KRW

    -2.0%

  • NEO

    10,884.0KRW

    -3.6%

  • MKR

    635,925.7KRW

    -2.6%

  • ONT

    929.1KRW

    -4.2%

  • XEM

    53.1KRW

    -1.9%

  • USDC

    1,200.1KRW

    0.2%

  • ZEC

    55,138.9KRW

    -3.7%

  • DOGE

    3.1KRW

    -0.2%

  • BAT

    231.9KRW

    -8.6%

  • DCR

    26,461.5KRW

    -2.0%

  • PAX

    1,200.4KRW

    0.2%

  • VET

    4.8KRW

    -3.0%

  • QTUM

    2,483.5KRW

    -3.8%

  • TUSD

    1,201.5KRW

    0.3%

  • BTG

    12,078.5KRW

    -4.1%

  • OMG

    1,287.1KRW

    -3.8%

  • RVN

    39.5KRW

    -6.2%

  • LINK

    485.1KRW

    2.0%

  • ZRX

    282.0KRW

    -2.6%

  • KCS

    1,806.1KRW

    -0.4%

  • NANO

    1,087.0KRW

    -1.9%

  • REP

    12,619.4KRW

    -1.2%

  • BCD

    738.8KRW

    -2.2%

  • LSK

    1,143.6KRW

    -6.5%

  • INB

    386.2KRW

    1.0%

  • QNT

    10,053.0KRW

    -3.6%

  • ICX

    238.3KRW

    -3.3%

  • WAVES

    1,173.0KRW

    -4.1%

  • DGB

    9.3KRW

    -4.2%

  • XIN

    247,864.9KRW

    -0.2%

  • XIN

    247,864.9KRW

    -0.2%

  • HC

    2,525.1KRW

    -1.5%

  • THETA

    125.8KRW

    -2.0%

  • BTS

    39.8KRW

    -1.7%

  • BCN

    0.6KRW

    -4.6%

  • DAI

    1,202.9KRW

    0.1%

  • MAID

    226.7KRW

    -0.4%

  • SC

    2.3KRW

    4.0%

  • NPXS

    0.4KRW

    -2.3%

  • BTM

    96.2KRW

    -2.4%

  • BTM

    96.2KRW

    -2.4%

  • IOST

    7.8KRW

    -5.7%

  • KMD

    808.4KRW

    -2.6%

  • MONA

    1,321.0KRW

    -4.5%

  • XVG

    5.2KRW

    -3.7%

  • ARDR

    78.3KRW

    6.8%

  • AE

    256.3KRW

    -1.2%

  • GNT

    73.4KRW

    -2.0%

  • ZIL

    8.1KRW

    -2.4%

  • AOA

    10.6KRW

    -4.0%

  • STEEM

    194.8KRW

    -2.1%

  • NEXO

    118.7KRW

    -2.4%

  • ENJ

    82.2KRW

    -1.8%

  • SNT

    18.2KRW

    -0.9%

  • MCO

    3,931.9KRW

    -0.7%

  • XZC

    6,330.9KRW

    -4.1%

  • ELF

    98.5KRW

    -0.8%

  • WTC

    1,176.6KRW

    -2.3%

  • ETN

    5.0KRW

    0.3%

  • RDD

    1.7KRW

    5.1%

  • ELA

    2,893.0KRW

    3.2%

  • STRAT

    416.6KRW

    -4.2%

  • DENT

    0.6KRW

    -3.1%

  • LRC

    43.9KRW

    1.2%

  • FCT

    3,883.9KRW

    3.0%

  • PAI

    25.9KRW

    -3.2%

  • PAI

    25.9KRW

    -3.2%

  • FNB

    132.4KRW

    0.5%

  • WAX

    42.5KRW

    -3.1%

  • R

    71.5KRW

    -2.9%

  • ANT

    1,108.5KRW

    4.4%

  • AION

    94.8KRW

    -2.4%

  • ODE

    132.9KRW

    -1.8%

  • ARK

    263.8KRW

    -2.3%

  • BNT

    475.5KRW

    -4.0%

  • LOOM

    28.2KRW

    -2.2%

  • POWR

    65.1KRW

    -2.8%

  • PPT

    460.2KRW

    -3.7%

  • MOAC

    389.9KRW

    -4.1%

  • PAY

    202.5KRW

    2.2%

  • TTC

    53.9KRW

    -0.6%

  • PIVX

    310.0KRW

    -2.7%

  • POLY

    39.7KRW

    -1.7%

  • CNX

    309.4KRW

    -1.3%

  • HUM

    0.4KRW

    --%

  • REPO

    115.5KRW

    11.6%

  • GUSD

    1,194.6KRW

    0.2%

  • CPT

    3.2KRW

    -6.2%

  • LKY

    182.9KRW

    -1.4%

  • AERGO

    83.9KRW

    -3.5%

  • COSM

    12.1KRW

    -2.2%

  • MBL

    2.1KRW

    -1.1%

  • APIS

    0.9KRW

    4.9%

  • AKRO

    10.7KRW

    -0.2%

  • TEMCO

    1.5KRW

    -1.9%

  • UPP

    13.8KRW

    -3.1%

  • MEETONE

    1.9KRW

    -4.7%

  • BAAS

    0.8KRW

    2.5%

  • MVL

    0.4KRW

    -1.7%

  • ABL

    10.5KRW

    -8.7%

  • DCC

    0.9KRW

    --%

  • eDEL

    2.4KRW

    -0.7%

  • AID

    11.2KRW

    -2.4%

  • PTON

    0.2KRW

    -12.1%

  • WET

    11.4KRW

    1.6%

  • VRA

    0.7KRW

    -5.6%

  • CLB

    2.9KRW

    -2.0%

  • XRA

    11.6KRW

    -0.1%

  • KARMA

    0.2KRW

    -1.5%

  • SEAL

    1.0KRW

    --%

  • PXL

    8.8KRW

    -0.4%

  • HORUS

    0.5KRW

    -13.8%

  • PUB

    0.3KRW

    -23.2%

  • NPER

    3.5KRW

    --%

  • PUT

    2.3KRW

    -23.3%

  • CCH

    0.1KRW

    -10.5%

  • KNT

    0.1KRW

    -39.2%

  • IQ

    6.2KRW

    -8.2%

  • RBTC

    11,947,102.0KRW

    -0.1%

  • BLACK

    1.3KRW

    -3.6%

  • CET

    23.1KRW

    2.8%

  • RCD

    3.0KRW

    --%

  • MCC

    3.0KRW

    --%

  • INC

    2.3KRW

    -0.4%

  • BZKY

    0.3KRW

    --%

  • BORA

    17.1KRW

    -4.8%

  • CRE

    2.9KRW

    0.6%

Community

[DESIGN] Design System and Style Guide

TEMCO | 06.11| 408

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?