Style guide

WEBVERSE STYLE GUIDE
Corporate Website & Brand Asset

This style guide provides the standards for maintaining brand consistency across websites created by Webverse.
It outlines practical rules for colors, typography, buttons, and UI components that can be directly applied in real-world production.

이 스타일가이드는 웹버스가 제작하는 웹사이트에서 브랜드의 일관성을 유지하기 위한 기준을 제공합니다. 컬러, 타이포그래피, 버튼, UI 컴포넌트 등 실제 제작 현장에서 바로 활용할 수 있는 규칙을 정리했습니다.

01. Key Visual

To effectively convey the image of advanced technology and precision engineering, we established a tone and manner centered around metallic textures and rounded structural forms applied throughout the site. These visual elements emphasize the brand’s professionalism and reliability. Additionally, the color palette was deliberately restrained to reflect the subtle sheen and depth unique to metallic surfaces, enhancing both the technical sophistication and the brand’s identity.

T로보틱스의 첨단 기술과 정밀한 엔지니어링의 이미지를 효과적으로 전달하기 위해, 메탈릭 텍스처와 사이트 전반에 적용된 라운드 형태의 구조적 조형미를 톤 앤 매너로 설정하여 브랜드의 전문성과 신뢰감을 시각적으로 강조했습니다. 또한 색상은 메탈릭 특유의 절제된 광택과 깊이를 표현할 수 있도록 제한적으로 활용하여, 기술적 세련미와 브랜드의 정체성을 동시에 부각시켰습니다.

02. Color palette

In the second part of the style guide, you can find the color palette that’s been used for the layout pack. Use these colors inside the default color palette in your Divi Theme Options.

#ffffff

#1c3775

#16181a

#c6d3f1

#c6d3f1

03. Text styles

This section of the style guide defines the text styles that shape the visual voice of this website.
A modern, responsive font system using CSS clamp() is applied, allowing typography to adapt fluidly across different devices.
This contemporary approach ensures clarity, hierarchy, and consistent readability on mobile, tablet, and desktop, while reinforcing a forward-looking and professional brand image.

본 파트는 이 웹사이트의 시각적 보이스를 형성하는 텍스트 스타일을 규정합니다.
CSS clamp()를 활용한 최신 반응형 폰트 시스템을 적용하여, 타이포그래피가 다양한 디바이스 환경에서 유연하게 반응합니다.
이러한 현대적인 접근은 모바일, 태블릿, 데스크톱 어디서든 명확한 구조, 일관된 가독성을 보장하며, 미래지향적이고 전문적인 브랜드 이미지를 강화합니다.

This website uses Inter Tight, a modern sans-serif typeface derived from Inter. Its slightly condensed width creates a sleek, space-efficient look while maintaining excellent readability across devices. With multiple weights and strong multilingual support, Inter Tight enhances the site’s modern, tech-driven identity and ensures a consistent, professional visual experience for global users.

이 웹사이트는 Inter Tight를 사용합니다. Inter에서 파생된 현대적인 산세리프 서체로, 약간 압축된 폭 덕분에 세련되고 공간 효율적인 디자인을 구현하면서도 다양한 기기에서 뛰어난 가독성을 유지합니다. 다채로운 두께와 강력한 다국어 지원을 갖춘 Inter Tight는 사이트의 현대적이고 기술 중심적인 정체성을 강화하고, 글로벌 사용자에게 일관되고 전문적인 시각적 경험을 제공합니다.

Heading 1

Inter Tight

Heading 2

Inter Tight

Heading 3

Inter Tight

Heading 4

Inter Tight

Heading 5

Inter Tight

Heading 6

Inter Tight

Body

Body text is used for general content across the website.
It is designed for readability and consistency, ensuring that information is clear and easy to follow.
Use this style for paragraphs, descriptions, and any extended content.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Use this style for paragraphs.

Heading Combo 1

Contact us

Heading Combo 2

Track Record

Heading Combo 3

T-Robotics’ AMRs, AGVs, Vacuum Robots and other robotic solutions have been deployed in many of the most high-precision industries:

Heading Combo 4

T-Robotics has achieved many “firsts” in the Korean robotics industry. From vacuum robots for manipulating heavy and fragile manufacturing components to large scale AMR deployments, T-Robotics has successfully integrated solutions and has built capacity to serve the global market.

Text Block STYLE

Text Block 1

2012

Designated as an Advanced Technology Center by the South Korean Ministry of Trade, Industry and Energy

04. Buttons

Here, you’ll find the buttons that have been used in the layout pack. 

Button 1

Button 2

Button 3

"

04. Other Modules

Here, you’ll find the modules that have been used in the layout pack.

Card Carousel

Image Carousel

Image hotsposts

TR Headquarter South Korea

R&D
Manufacturing
Field Service

TR VIETNAM

Field Service
Manufacturing

TR CHINA

Sales Office
Field Service

TR USA CA

Sales Office

TR USA ATL

Sales Office
Field Service