Back

Design System

Invisible Works UI Components & Typography

Typography

Current Language: EN

Font Family: Inter

Hello, we are Invisible Works.

Hello, we are Invisible Works.

Hello, we are Invisible Works.

Hello, we are Invisible Works.

Hello, we are Invisible Works.

Language Font Guide

  • Korean (KO): Pretendard Variable - 한국어 UI에 최적화된 산세리프
  • English (EN): Inter - Clean and modern sans-serif for English
  • Chinese Simplified (ZH-CN): Noto Sans SC - 简体中文专用无衬线字体
  • Chinese Traditional (ZH-TW): Noto Sans TC - 繁體中文專用無襯線字體

Basic Components

Glass Buttons

Special Buttons

Badges

AccentOutlineProcessPortfolio

Inputs

필수 입력 값입니다
내용을 입력해주세요

Dividers

Line

Dots

Cards

Hover Card

This card has hover effect

Static Card

This card is static (no hover)

Animation Components

Text Effects

RevealText (fade)

Hello, we are Invisible Works.

UnderlineReveal

Underline Effect

HighlightReveal

Highlight Effect

BlurFade

1
2
3
4

Skeleton Loading

Skeleton

SkeletonText

SkeletonCard

Section Components

DialWheel

3D rotating wheel component (dark background)

→
배포
관리
도메인
호스팅
SSL인증

AccordionStep

Send materials for the website.

Choose one from 3 design options.

Business & Brand

Global Logistics

Under renewal

We've also worked across 10+ other industries beyond Business / Medical / Dental.

See the full portfolio below

And, Free until here .

Complete the website with chosen design.

TimelineBlur

Animated timeline with blur effect

Confusing process

Unnecessary steps

Too many decisions

Marquee

Infinite scrolling content

Design
Development
Strategy
Branding
Marketing
Design
Development
Strategy
Branding
Marketing
Design
Development
Strategy
Branding
Marketing
Design
Development
Strategy
Branding
Marketing

CTASection

See your website design

PricingSection

4-tier pricing cards with hover reveal overlay

TIME DEAL

Web Design · Time Deal Special

Instagram Launch ~45% OFF

Solo Plan

400KKRW100K OFF

300KKRW

For 1-person businesses

Solo Plan

400KKRW100K OFF

300KKRW

For freelancers, solo entrepreneurs, and those who need a portfolio. A clean single page to get started.

  • ✓1 landing page
  • ✓Mobile responsive
  • ✓Basic contact form
  • ✓2 design drafts

About 1 week

BEST

Team Plan

900KKRW400K OFF

500KKRW

For 2-10 person teams

Team Plan

900KKRW400K OFF

500KKRW

For cafes, academies, clinics, restaurants. A trustworthy website with location, hours, and menu.

  • ✓3-5 section layout
  • ✓Mobile responsive
  • ✓Map & contact integration
  • ✓2 design drafts
  • ✓Basic SEO setup

About 2 weeks

Corp Plan

2MKRW500K OFF

1.5MKRW

For 10+ person companies

Corp Plan

2MKRW500K OFF

1.5MKRW

For companies needing about pages, service info, and career pages. A multi-page site reflecting your brand identity.

  • ✓Multi-page (5-10p)
  • ✓Custom interactions & animations
  • ✓Contact form + board
  • ✓3 design drafts
  • ✓SEO + performance optimization
  • ✓1 month post-launch maintenance

About 3-4 weeks

Color Palette

Soft Blue

#f2f8fc

Muted Aqua

#7fa8c9

Deep Aqua

#5a8ab0

Dark Gray

#1a1a1a

Modals

Contact Modal

Multi-step contact form modal