DEFAULT
Frosted bubble.
반투명 white glass + backdrop blur — Aero 시그니처.
View Details →SKY · 2006-2010
Breathe in.
The sky is open.
2000년대 Windows Vista, 초기 iTunes, Sony Ericsson 시대 톤이에요. Aqua glossy 버튼 + frosted glass + 하늘/물 그라데이션. 자연/환경 SaaS · 뮤직 플레이어 · Gen Z 노스탤지아에 어울려요.
Display XL
Display XL
Display
Display Default
Title LG
Title LG
Title
Title default
Body
Body 1rem regular. The quick brown fox jumps over the lazy dog.
Mono
$ aqua --version모든 버튼에 상단 흰 하이라이트 + 아래 컬러 그라데이션 = Aqua glossy 시그니처.
Message
진행률 · 72%
Default
Accent
Success
Warning
Danger
Inverted
ACCENT
Aqua dive.
Sky → Deep ocean blue 그라데이션.
View Details →INVERTED
Emerald rise.
Emerald → Aqua 그라데이션 — 자연 톤.
View Details →USERS
12,489
↑ 18% this week
UPTIME
99.9%
All systems nominal
LATENCY
12ms
↓ 3ms vs yesterday
DISPATCH · 042
The sky was bluer in 2006.
By Ryan · 2026.05.22 · 4 min
Frutiger Aero는 2004-2013 사이의 *낙관주의 미학*을 가리켜요. Windows Vista의 Aero glass, 초기 Google 제품, Sony Ericsson 폰 UI, iPod nano 시대 — 기술과 자연이 조화롭게 공존할 거라 믿었던 시기의 시각 언어예요.
핵심 메커니즘은 셋: ① 상단 흰 하이라이트 + 아래 컬러 그라데이션 (glossy 버튼), ② frosted glass 반투명 패널 + backdrop blur, ③ 시원한 sky blue + emerald 팔레트. Gen Z 사이에서 2024년부터 다시 유행하기 시작했어요 — Y2K 다음 트렌드.
The future used to look like nature, not concrete.
Frutiger Aero 시그니처 3종: glossy button gradient + frosted glass panel + sky bg.
GLOSSY
Top highlight
상단 50%는 흰 하이라이트, 하단 50%는 액센트 그라데이션. 모든 버튼·뱃지의 공식.
FROSTED
Glass panel
backdrop-filter: blur(20px) saturate(1.4) — Vista 시대의 frosted Aero.
SKY
Aqua + Emerald
#00AAFF + #00C58A — 하늘과 자연의 색. 페이지 배경에 radial-gradient로 깔림.
이 디자인, 내 프로젝트에 바로 쓸 수 있어요
크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.
Creator OS 사용 중이라면
에이전트에게 말 한마디면 끝
테마 선택·CSS 세팅까지 자동이에요. 코드 한 줄 안 봐도 돼요.
"Frutiger Aero 스타일로 자연 환경 SaaS 만들어줘"Creator OS 시작하기 →
직접 적용하고 싶다면
2단계로 즉시 적용
① <head> 에 CSS 2줄
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-tokens.css">
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-components.css">
② <body> 에 테마 한 줄
<body data-theme="frutiger-aero">