The request submission has failed.
Please try again later.
Thank you.
Thank you.
에이디앤스타일 피드 - 전사 콘텐츠
adnstyle’s design system aUIsystem
세상을 디자인하기 위한
우리만의 시스템
세상을 디자인하기 위한 우리만의 시스템
- Principle
This guideline provides the essential values and principles at the core of aUI design, helping align our service with a unified design language.
이동하기 - CI
Our unique CI defines our philosophy and values, setting the standards for who we are and the direction we aim to move towards.
이동하기 - Foundation
Essential visual elements to create a consistent user experience, ensuring the consistent representation of our company's image.
이동하기 - Components
Components are recurring functional elements in a design system, addressing interactions or meeting UI requirements.
이동하기
DESIGN PRINCIPLE
aUI System, accompanied by a set of streamlined principles, delivers purpose and coherence to customer interactions through the sustained utilization of the design system in everyday business operations.
The aUI System is our integrated framework of predefined patterns and principles for common elements like color, typography, and interactions, streamlining communication and boosting operational efficiency. Our unique component system systematically organizes these aspects, minimizing the chances of oversight by both planners and implementers. This proactive approach helps avoid last-minute revisions in the later stages of a project, making the design system a highly effective solution.
Efficiency & Consistency
Thanks to a well-documented UI design system with clear rules and guidelines shared as a library, tasks can be significantly shortened. The use of unified components for similar interactions ensures overall project consistency.
Smart & Fast Design
Smooth communication among team members reduces error-fixing tasks. By using a common language for collaboration between designers and developers, misunderstandings and errors are minimized, leading to the successful implementation of desired outcomes for all involved.
Focused on Design
Creating and seamlessly adopting a design system took considerable time and effort. However, with improved processes and synergy, designers are now investing our valuable time into creative endeavors, eliminating the need for constant deliberation and research.
CI
LOGOS
- Logo _ Primary
- The central logo representing adnstyle Inc. Primary typeface used for internal and external communications.
- Symbol Logo _ Secondary
- A type utilizing a symbolic logo that encapsulates the company's philosophy and values.
COLORS
- Color Pallette
- Color is a crucial element in expressing the identity of a company. It is essential to impose limitations on color usage. By adhering to specified colors and usage regulations, we ensure consistency in corporate identity. Therefore, we support 11 levels of brightness for each color, allowing for creative freedom within the usage guidelines.
- Order of Priority
- We adhere to usage regulations based on priority to ensure the optimal implementation of the corporate logo. Considering a consistent brand identity, we apply colors by referencing the specified primary and secondary colors in the guidelines.
TYPEFACE
- Fonts
- The exclusive typeface of adnstyle Inc. is a crucial element symbolizing the corporate image, and therefore, it should not be replicated or modified with similar fonts. It must be strictly adhered to in its standard form.
FOUNDATION
COLOR
The aUI color guide provides standardized colors and usage guidelines to assist designers in creating a consistent brand experience.
- Main Color
- The primary color serves as the representative hue for all basic tasks and is prominently featured in key elements such as major titles.
- Sub Color
- Alongside the main color, it complements the identity and offers a variety of key colors based on categories.
- Neutral Color
- Used for text and background interface elements.
- Status Color
- Applied when drawing attention to states or changes.
TYPOGRAPHY
The aUI typography distinguishes the significance of content, balancing the overall text for an enhanced user brand experience.
- Heading + Body
- Paragraph Style
ICONOGRAPHY
The icons in aUI serve as the most efficient tools for conveying ideas and objects to users.
- Grid
- The grid is based on 24x24, but can be adjusted according to size and purpose.
- Padding
- The grid includes a 2px padding on all sides. Icons should be drawn within the area excluding the padding.
- Stroke
- The default stroke is 2pt and can be adjusted based on the size and purpose of the icon (1~2pt). It is recommended to design the stroke outline to align with pixels.
- Build
- Icon creation involves defining objects or concepts that serve as metaphors based on functionality and purpose. Objects are added or removed to create the overall shape.
COMPONENTS
BUTTONS
Buttons are located in the content or bottom area of the screen, enabling users to perform key actions for successful tasks.
- Button Label
- Text labels are kept simple and intuitive for quick understanding.
- Button Type
- Sizes are categorized as X Large, Large, Medium, and Small based on height. Font size, icon size, radius, and padding vary depending on the size. Generally, use Large for elements spanning the entire page layout, Medium when used with inputs, and Small when used within inputs or tables.
- Button State
- Text labels are kept simple and intuitive for quick understanding.
TABS
Tabs are used to organize similar information within a page, grouping and streamlining content.
- Text Type
- Box Type
- Box type tabs are employed when aiming to categorize content for filtering purposes. Fixed tabs display all tabs on one screen, each with a fixed width. Scrollable tabs, without fixed width, accommodate longer text labels and a greater number of tabs.
TABLES
Tables organize information in columns and rows for easy user reading and understanding, usually displaying only column titles.
- List Table
- Data Table
INPUTS
- Text Input
- Password Input
ACCORDIAN
It is used in a content area that can be collapsed or expanded.
POPUPS
A Popup is a modal component that displays important information or requests user input in front of the app content.
LISTS
A List is a component where text and images are arranged vertically in a continuous manner.
It allows for the organized and efficient presentation of a large amount of information in a list format.
- Text List
- A Text List is used for organizing category items, with options to include Label, Icon, and Selection control as needed.
- Image List
- Used when creating a list in a combined format of images and text.
- Input List
- Used when composing a list in a combined format of input and text.
- Card List
- Used when constructing a list in a card format that combines both images and text.
THUMBNAILS
Thumbnails serve as representative images, and maintaining consistent size is crucial for visual coherence.
- Square
- In the thumbnail format, a 1:1 square is the default type, with additional ratios of 2:1, 3:2, 4:3, and 16:9 also available.
- Circle
- In the thumbnail format, a 1:1 circular shape is used with a fixed height, maintaining the same value.
PAGINATION
Pagination is a control used for navigating pages or indicating the current page in a set.
- Dot Type
- Flipping through pages allows users to easily grasp that there is more information available.
- Number Type
- It is used when precise information about pages needs to be provided.
SLIDERS
It is used when displaying the current value and intervals.
DATE PICKER
It is used when selecting a date or date range.
BADGES
It is typically used in close proximity to notifications or user avatars, often indicating the number of unread messages.
AVATAR
Avatars are used to represent individuals or objects and can be depicted using images, icons, characters, or colors.
TOGGLES
It is used when turning settings on or off.
RADIO
It is used when choosing one state from multiple options.
CHECK BOX
It is used when selecting multiple values from various options.
Credits
adnstyle
How can we help?
Briefly describe your project, and we’ll connect you with the appropriate representative shortly.
- What services are you interested in with us?
- Could you please share the
budget range?
- What is your expected timeline for the project?
- Please leave some brief information, and a representative will review it and get in touch with you. representative will review it and get in touch with you.
- PDF,ZIP,EXCEL (up to 50MB)Attachment size cannot exceed 50MB.
Privacy Policy
This Policy (the "Policy") explains the way of treatment of the information which is provided or collected in the web sites onwhich this Policy is posted. In addition the Policy also explains the information which is provided or collected in the course of usingthe applications of the Company which exist in the websites or platforms of other company.
The Company is the controller of the information provided or collected in the websites on which this Policy is posted and in thecourse of using the applications of the Company which exist in the websites or platforms of other company.
Through this Policy, the Company regards personal information of the users as important and inform them of the purpose andmethod of Company's using the personal information provided by the users and the measures taken by the Company for protection of those personal information.
This Policy will be effective on the 19th day of August, 2024 and, in case of modification thereof, the Company will make publicnotice of it through posting it on the bulletin board of Company's website or individual notice through sending mails, fax or e-mails).
The Company is the controller of the information provided or collected in the websites on which this Policy is posted and in thecourse of using the applications of the Company which exist in the websites or platforms of other company.
Through this Policy, the Company regards personal information of the users as important and inform them of the purpose andmethod of Company's using the personal information provided by the users and the measures taken by the Company for protection of those personal information.
This Policy will be effective on the 19th day of August, 2024 and, in case of modification thereof, the Company will make publicnotice of it through posting it on the bulletin board of Company's website or individual notice through sending mails, fax or e-mails).
1. Information to be collected and method of collection
(1) Personal information items to be collected
Personal information items to be collected by the Company are as follows:
• Information provided by the users
The Company may collect the information directly provided by the users.
(2) Method of collection
The Company collects the information of users in a way of the followings:
• web page
Personal information items to be collected by the Company are as follows:
• Information provided by the users
The Company may collect the information directly provided by the users.
| Title of servie | Items to be collected |
| Customer inquiries | Name, Company Name, Email address, Phone Number, Nationality(optional) |
(2) Method of collection
The Company collects the information of users in a way of the followings:
• web page
2. Use of collected information
The Company uses the collected information of users for the following purposes:
• Response to request for a quote
• To provide company newsletters
The Company agrees that it will obtain a consent from the users, if the Company desires to use the information other than thoseexpressly stated in this Policy.
• Response to request for a quote
• To provide company newsletters
The Company agrees that it will obtain a consent from the users, if the Company desires to use the information other than thoseexpressly stated in this Policy.
3. Cookies and Similar Technologies
The Company may collect collective and impersonal information through 'cookies'.
Cookies are very small text files to be sent to the browser of the users by the server used for operation of the websites of theCompany and will be stored in hard-disks of the users' computer.
This function is used for evaluating, improving services and setting-up users' experiences so that much improved services can be provided by the Company to the users
The items of cookies to be collected by the Company and the purpose of such collection are as follows:
The users have an option for cookie installation. So, they may either allow all cookies by setting option in web browser, make eachcookie checked whenever it is saved, or refuses all cookies to be saved.
Cookies are very small text files to be sent to the browser of the users by the server used for operation of the websites of theCompany and will be stored in hard-disks of the users' computer.
This function is used for evaluating, improving services and setting-up users' experiences so that much improved services can be provided by the Company to the users
The items of cookies to be collected by the Company and the purpose of such collection are as follows:
| Category | Reasons for using cookies and additional information |
| Performance cookies | This cookie collects information how the users use the website of the Company such as theinformation of the pages which are visited by the users most. This data helps the Company tooptimize its website so that the users can search that website more comfortably. This cookie doesnot collect any information who are the users. Any and all the information collected by this cookie will be processed collectively and the anonymity will be guaranteed. ∘ Web analysis: provide statistical data on the ways of using website |
The users have an option for cookie installation. So, they may either allow all cookies by setting option in web browser, make eachcookie checked whenever it is saved, or refuses all cookies to be saved.
4. Security
The Company regard the security of personal information of uses as very important. The company constructs the following security measures to protect the users' personal information from any unauthorized access, release, use or modification
• Countermeasures against hacking
- Install a system in the zone the external access to which is controlled so as to prevent leakage or damage of users' personal information by hacking or computer virus
• Establish and execute internal management plan
• Install and operate access control system
• Countermeasures against hacking
- Install a system in the zone the external access to which is controlled so as to prevent leakage or damage of users' personal information by hacking or computer virus
• Establish and execute internal management plan
• Install and operate access control system
5. Modification of Privacy Protection Policy
The Company has the right to amend or modify this Policy from time to time and, in such case, the Company will make a publicnotice of it through bulletin board of its website and obtain consent from the users if required by relevant laws.
6. Contact information of Company
Please use one of the following methods to contact the Company should you have any queries in respect to this policy or wish to update your information:
Company name : adnstyle Co., Ltd.
Address : 1F, 118, Bangbaecheon-ro, Seocho-gu, Seoul, 06569, Korea
Tel : +82-2-553-3331
E-mail : info@adnstyle.com
The latest update date: August 6, 2024.
Company name : adnstyle Co., Ltd.
Address : 1F, 118, Bangbaecheon-ro, Seocho-gu, Seoul, 06569, Korea
Tel : +82-2-553-3331
E-mail : info@adnstyle.com
The latest update date: August 6, 2024.