세부 필터

CIAO ENERGY - LAUNCH WEBSITEciaoenergy.com링크가 복사되었습니다

← 목록으로

사이트 전체 화면을 한눈에 볼 수 있어요. 이미지에 마우스를 올리면 미니맵으로 위치를 확인할 수 있어요.

← 목록으로

CIAO ENERGY - LAUNCH WEBSITE

방문 ↗

2026. 7. 31.

🗂️ 분류

카테고리: 브랜드
지역: 해외
산업: 에너지·환경
분위기: 테크 볼드
제작 방식: 자체개발
특징: 애니메이션 중심
색상: 블루 레드

✍️ 에디터 리뷰

한 줄 소개

An immersive experience built with Webflow and Three.js for the launch of Ciao Energy’s new drink range, centered on an interactive 3D object, sound design, and a minimalist identity.

🎨 디자인 분석

컬러

Primary#0092FF

Secondary#FF4949

Accent#13CE66

웹폰트

GeistmonoFranklin Gothic AtfGeist

최대 콘텐츠 폭991px

contentcontent 991px

그리드2컬럼

2 columns

반응형 지원

~479모바일

480~태블릿

지원PC

사이트 HTML·CSS에서 자동 추출한 정보입니다.

🛠️ 기술 스펙

제작 방식

자체개발

애니메이션 라이브러리

⚡GSAP◎Lottie⇆Swiper✦Three.js

CSS 변수 8

--_primitives---colors--neutral--_primitives---colors--neutral-dark--_primitives---colors--neutral-darker--_primitives---colors--neutral-darkest--_primitives---colors--neutral-light--_primitives---colors--neutral-lighter--_primitives---colors--neutral-lightest--_primitives---colors--white

프레임워크

WebflowjQueryCloudflare(호스팅)

사이트 HTML·CSS·네트워크 요청에서 자동 추출한 기술 정보입니다.