인터페이스 애니메이션
맞춤형 에이전트
도입부에서 정돈되어 흐르던 작업이 혼잡해지고, 에이전트가 맡은 뒤 질서 있는 분업을 회복해 문제와 해결의 대비를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
미학
전반부는 다양한 디자인 측면으로 미적 기대를 형성하고 후반부는 실제 조작으로 제작 방법을 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
watsonx｜플랫폼 출시
같은 실 재질을 클로즈업과 전체 사이에서 전환하고 제품 접미사와 기능 단어를 형태별 그룹으로 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Orbit｜콘퍼런스 예고
글자 구조의 세부에서 뒤로 물러나 읽을 수 있는 제목을 보여 준 뒤 제목을 흐린 배경으로 바꾸고 전경에 날짜와 URL을 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
연구 인터페이스에 구멍 열기
여러 회보라·회녹색 면으로 큰 타원을 만들고 작업 카드를 중앙 검은 점 가까이에 둔다. 전체를 점차 줄이면 바깥에 흰 원형 구멍이 나타나며 검은 점은 화면 중앙을 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Qwen3.8-Max: 재질 로고와 모델 공지
같은 세 갈래 로고를 유지하며 내부 재질을 바꾼 뒤 파란 배경에서 확대·이동해 제품명과 매개변수를 위한 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Pond｜시스템 출시
정원과 벌떼로 컴퓨팅 시스템을 비유한다. 큰 글자로 메시지를 주고 주변의 작은 컬러 프로세스 블록을 계속 움직인다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cyera Research Labs
로고, 색상, 글자 구조에서 브랜드 적용으로 이동하고 같은 부유 구체로 웹페이지와 메시지를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드의 새로운 시대
구체를 시각적 안내자로 삼아 층이 있는 웹페이지, 양식, 흐름 공간을 통과한다. 인터페이스는 단순 스크린샷이 아니라 앞뒤 거리를 가진 조합 가능한 평면이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Twilio｜고객 소통 플랫폼 모션 그래픽 소개
브랜드 점을 인물과 일상 장면에 넣고 같은 연결선, 빨간 물체, 위치 교대로 여러 고객 이야기를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 비주얼｜접히는 슬로건
문장을 두께 있는 연결된 글자 블록으로 만든다. 정면은 읽기, 측면은 무지갯빛 재질을 보여 주는 데 쓴다；루프는 같은 정면 자세로 돌아온다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Universe 2023｜콘퍼런스 그래픽 공개
어둠 속 가는 윤곽에서 다채로운 기하 세계를 순간적으로 펼쳤다가 모든 요소를 중앙 로고로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜캐시백 이벤트
동전으로 수익을 강조한 뒤 잔액이 줄었다가 다시 채워지는 모습으로 캐시백 원리를 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Evergreen｜시각 시스템 개요
고정된 여러 칸 그리드에 작은 루프들을 담고 오른쪽 좁은 열의 메시지만 교체해 풍부한 소재에도 읽기 순서를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Identity Digital｜브랜드 키비주얼
도메인의 점을 전환의 주역으로 삼는다. 긴 주소를 나누고 점을 기하 장면으로 확대한 뒤 더 짧은 업종별 접미사로 마무리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Zapier 모션 라이브러리
복제가 통제되지 않는 바탕 화면으로 복잡한 업무를 표현하고 스위치 하나로 잡음을 소수의 완료된 흐름으로 정리한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜로고 메인 영상
하나의 로고 윤곽이 디자인 인터페이스, 낙서, 이미지, 미니어처 풍경 등 여러 창작 매체를 관통한다. 재질이 바뀔 때도 중앙 형태를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
TIDAL｜타이포그래피 키비주얼 15초 버전
15초 안에 인사, 입장, 음악, 창작자, 청중의 다섯 강세를 유지한다；한 번에 한 단어 그룹만 읽게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Harvey II
종이 콜라주로 재질을 만들고 사각형, 원, 구멍을 계속 재구성한다；제품 카드를 중앙 객체 주위에 표시해 추상 도형을 프로젝트, 작업, 리소스 관계와 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3｜공개 가중치 예고
글씨 획을 흩어진 점으로 바꾼 뒤 여러 네트워크 구조로 구성하고 지식 이미지 모음으로 확장한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Wonderful｜투자 유치 공지 모션
투자 금액을 시각적 사건으로 만든 뒤 투자자와 세계적 범위로 성장을 설명하고 제품 포지셔닝으로 돌아간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Deezer｜음파 하트 로고
각 음파를 먼저 독립적으로 움직인 뒤 안정된 하트 마크로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
K3.1｜문구 없는 사전 홍보
코드 띠와 어긋난 조각으로 여러 주제를 연결해 물리 세계와 컴퓨팅의 관계를 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
GPT-6 Cyber
주 배경은 계속 천천히 움직이고 문구는 같은 위치에서 교체한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
노코드 시대에 오신 것을 환영합니다
어두운 곳에서 밝은 곳으로 공간을 통과하며 밀집된 인터페이스·코드 영역을 열린 탐색형 창작 세계로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Cloudera｜브랜드 그래픽 단편
기업 데이터에 관한 질문을 출발·장애물·합류가 있는 여정에 넣고 같은 캐릭터 팀이 공동 목적지로 향하게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Parallel Index — AI가 콘텐츠를 사용할 때 수익 받기
노드 구성으로 네트워크 변화를 설명한다. 열린 연결에서 새 방문자로, 단일 방문에서 대규모 트래픽으로 확장한 뒤 인덱스 로고로 모은다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시｜GPT-6 Sol / Luna
먼저 별빛을 방사형으로 늘려 전진 속도를 만들고 태양과 초승달을 차례로 중앙에 배치한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
정보 콜라주가 잉크 글자로 변환
전반부에 다양한 크기의 글자, 띠, 도형으로 화면을 채우고 전체를 줄인 뒤 조각을 중앙 단어의 기준선으로 모은다. 요소 퇴장과 새 글자 등장은 시차를 둔다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
유리 프리즘 위의 Framer
제목을 화면 중심축에 고정하고 단어별로 점진적으로 표시한다；가늘고 긴 유리 띠가 왼쪽에서 오른쪽으로 뻗고 가장 밝은 점은 조금 뒤에 제목을 지나간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 비주얼｜워드마크 공개
확대한 무지갯빛 표면에서 C를 추출해 입체 형태를 글자 하나로 모은 뒤 같은 기준선에서 전체 브랜드명을 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적｜2026 Q1 데이터 포스터
폭이 다양한 대형 글자와 색면을 빈틈없이 배치하고, 잘린 가장자리로 밀도를 만든다；하단 정보 막대는 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
행사 사전 홍보｜10만 달러 Make-a-thon
두 브랜드를 중앙에 놓고 참가자 말풍선을 주변에서 등장시킨다；참가자들의 응답으로 행사 예고를 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
콘퍼런스 사전 홍보｜Config 2026 로딩
글자 조각을 흩어 놓았다가 제목으로 모으고, 진행선은 독립적으로 계속 늘인다；퇴장할 때는 글자가 먼저 흩어지고 이후 진행 표시가 완료된다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
생태계 확장｜MCP 파트너 5곳 추가
먼저 양방향 연동의 가치를 제시하고, 아이콘을 가로로 훑어 생태계의 범위를 보여 준 뒤 핵심 도구에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
행사 공개｜Config Makeathon
도입부의 패턴과 글자로 행사 정체성을 알리고, 중간에는 작품들을 빠르게 보여 참가 결과물을 제시하며, 마지막에는 공개되었음을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops 소개
발광점이 고리를 따라 동작 라벨을 차례로 활성화하며, 완성된 고리 하나가 워크플로 하나에 대응한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Linear — 팀과…을 위한 제품 개발 시스템
여러 작업의 가지가 공통 줄기로 합쳐진다；카메라를 뒤로 빼 부분적인 관계가 전체 네트워크로 드러나게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Loops의 새로운 기능
먼저 트리거 조건을 빠르게 열거한 뒤 경로를 따라 출력 동작을 설명한다；트리거와 결과는 각각 별도 구간으로 구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Lovable｜Google 커넥터
여러 도구 아이콘이 먼저 모인 뒤 하나씩 프롬프트 입력창의 커넥터 태그로 바뀐다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Lovable — Lovable의 스킬
제목은 거의 고정하고 주변의 크기가 다양한 부드러운 도형을 회전시키며 떠다니게 한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Notion — Dock의 중심
바탕 화면 배경과 주변 앱을 빠르게 바꾸되 핵심 아이콘은 항상 식별 가능하게 유지한다；마지막에는 나머지 요소가 사라지고 브랜드만 남는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield · 10억 달러 달성
큰 숫자로 먼저 시선을 끈 뒤 시간, 곡선, 언론 스크린샷으로 단계적으로 설명한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Higgsfield API｜다중 모델 인터페이스
하나의 진입점에서 여러 모델에 연결한 뒤 다양한 제품 결과물로 이어 간다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
연구 성과｜수학과 이론 컴퓨터 과학의 진전
각 연구 주제를 하나의 기하 도형으로 구성한 뒤 소수의 점으로 줄여 다음 도형으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Claude Haiku 5.5 출시
세 열의 위치를 고정하고 내부 텍스처와 L자 방향을 불연속적으로 전환한다；소재 전환은 블록 전체의 평행 이동과 다르다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Fable 5｜픽셀 캐릭터의 귀환
캐릭터가 전광판에 도착한 뒤 제품명을 한 글자씩 표시해 동작과 글자 사이의 인과관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
모델 출시｜Fable 5
전반부에서 도감의 맥락을 만들고 중간에는 다양한 매체가 숫자 5의 윤곽을 공유하게 한다；관객은 고정된 텍스처가 아니라 안정된 외형으로 식별한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Claude Code｜Agent View
캐릭터가 흩어진 터미널을 끌어 모아 여러 작업이 하나의 보기에 들어옴을 표현한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Search On 2020｜제작사 모션 모음 · 34.6초
점, 캡슐, 선을 공통 기본 요소로 사용해 추상적 범주에서 검색 결과로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Gemini｜브랜드 워드마크 공개
기존 글자를 입자로 분해하고 방향성을 가진 흐름으로 이동시킨 뒤 새 이름으로 재구성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Gemini｜사진이 모여 만드는 숫자 4
사진 블록을 모아 숫자를 만들고 전체를 비균일 확대·축소해 종횡비를 바꾸며 내부 블록은 부모 변환을 따른다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
동일 프로젝트 5초 미리보기 · 5.0초
점 무리를 인물, 장소, 물건 순서로 재구성하고 범주에 따라 색상을 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Salsa｜음악 테마 Doodle
둥근 레코드, 악기의 벨, 꽃잎으로 음악 연주와 춤 동작을 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok Bot｜캐릭터 쌓기
캐릭터가 하나씩 이전 캐릭터 위에 내려앉고 닿은 뒤 전체가 살짝 흔들린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok Bot × Linear
두 브랜드는 정렬을 고정하고 배경은 계속 흐르되 글자의 주목도를 빼앗지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Grok Bot｜쇼핑 기능 짧은 영상
캐릭터는 카드를 바라보고 카드는 세로축을 중심으로 계속 회전한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok｜재무 분석
두 브랜드는 정지시키고 유체와 빛·그림자 변화만 주요 움직임으로 사용한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Grok × Coinbase
로고는 흔들림 없이 고정하고 배경의 밝은 부분을 천천히 통과시켜 협업 정체성을 강조한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Reception · 다양한 업종의 전화 응대
전반부에서 여러 업종의 전화로 공통 문제를 제시한다；중반부에서는 하나의 빛나는 구체로 해결책을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
ElevenLabs — 기업 가치 110억 달러로 5억 달러 투자 유치
숫자와 신뢰 근거로 배경을 만든 뒤 실제 제품으로 들어가며 세 사업 영역에 각각의 시각 체계를 적용한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Polymarket · 중간선거 개요
흩어진 주 모양을 펼쳤다가 지도로 조합해 잡음에서 구조화된 정보로의 전환을 표현한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Cursor · 재귀적 작업 구성
최상위 계획이 작업을 만들고 작업이 하위 계획과 작업 노드로 다시 분기한다
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity — NVIDIA DGX Spark의 휴대형 Computer
로컬 도구를 기기 주위에 원형으로 배치하고 클라우드 모델은 별도 계층에 둔다；연결선은 필요에 따른 확장을 뜻하며 기본적으로 데이터를 외부 전송한다는 의미가 아니다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity Computer — 클라우드·로컬 하이브리드 컴퓨팅
민감 정보를 먼저 확인한 뒤 로컬 또는 클라우드 경로를 결정하며 두 실행 위치의 역할을 명확히 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Perplexity｜Windows 로컬 컴퓨팅
설치가 완료된 뒤에 로컬 도구 네트워크를 표시한다；클라우드 확장은 먼저 확인을 거친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Geist Serif
삼각 로고에서 파란 배경의 설계 도면으로 들어가 개별 글자의 윤곽을 확대한다. 가는 선, 치수 표시, 제어점은 획 구조를 설명하며 글자 형태를 압도하지 않게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
AI Grand Prix 드론 대회
흩어진 검은 획을 AI–GP로 조합하고 주홍색 제어 프레임, 교차선, 위치점을 함께 표시한다. 부제와 주최자 정보는 위아래로 정렬한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
사이버 보안 데이터
제목은 왼쪽 정렬하고 Cybersecurity Data는 주황색으로 쓴다；아래 점 배열 일부가 빛나기 시작한다. 이어 전체 화면을 주황색으로 바꾸고 큰 흰 숫자가 빠르게 증가한 뒤 vulnerabilities를 표시한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Directory 무료 채용 데이터
아바타를 중앙 제목 주위에 차례로 표시하고 크기를 비슷하게 하며 짧은 신원 태그를 붙인다. 제목은 두 줄을 유지하고 브랜드가 있는 줄은 주황색으로 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
웹은 AI 에이전트를 위해 만들어지지 않았다
겹친 웹페이지로 입력의 복잡성을 표현하고 주황 모듈로 구조화된 콘텐츠까지 연결한다. 웹페이지와 코드를 인접하거나 연속된 장면으로 대응시켜 읽기 쉬운 입출력 관계를 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Krea Nodes 다중 사용자 협업
여러 컬러 커서가 글자의 곡선을 그리고 검은 노드 끝점은 글자 위에 남는다. 완성된 제목을 빈 노드 하나로 모아 시각적 비유를 실제 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
벡터 그래픽｜출시 전 예고
전체 포스터에서 행성, 노란 윤곽의 곡선 하나까지 확대한다. 배율은 계속 높아지지만 가장자리는 매끄럽게 유지한다；확대 중심은 같은 세부에 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Hermes와 Omarchy 연동
원근선을 중앙의 작은 구멍에서 사면 그리드로 펼치고 일정 거리 전진한 뒤 양옆으로 좁혀 두 로고를 위한 대칭 공간을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
구독 개편
위에 클라우드, 아래에 기기를 놓고 빛나는 세로선으로 연결한다. 주변 터미널 정보는 대비를 낮추고 주 대상은 세로 중앙 구도를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Arc 회원에게 Dia 공개
발광 도형이 아래에서 올라오며 작아진 뒤 전송 화살표로 바뀐다；입력창을 가로로 펼쳐 브랜드 소개를 자연스럽게 조작으로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
새 제품, 새로운 비주얼
문장, 짧은 문구, 링크를 중앙에 두고 페이지 네 모서리에 소량의 탐색 요소를 남긴다. 파란 커서가 여백을 곡선으로 지나 중앙 글자로 돌아와 하나의 동적 초점을 만든다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
상태 단어와 HyperFrames
낮은 밝기의 고정폭 상태 단어를 빠르게 바꾼 뒤 어두운 이중 삼각형으로 전환한다. 초록을 아래에서 위로 로고에 채우고 흰 브랜드 워드마크를 펼친다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
SUNO 버전 전환
V는 위, 6은 아래에 놓고 주황 가장자리와 분홍 내부로 여러 겹의 광택을 만든다. 중앙 브랜드명은 작고 고정되게 두며 버전 글자가 위아래로 나간 뒤 컨트롤을 드러낸다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
기능 업데이트｜450개 이상의 연동
주황 캡슐로 connect, with 등의 단어를 연결하고 클릭 가능한 더하기로 마무리한다. 클릭하면 아이콘이 여러 곡선을 따라 밀려들며 숫자가 450까지 증가한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
석고 큐브를 분해해 드러나는 H
큐브를 회전시키며 화면을 넓힌 뒤 가장자리에 흰 틈이 나타나면 각 면을 바깥으로 펼친다. H는 원래 중심에 남고 면 사이 거리를 늘려 화면 밖으로 보내 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
생산 수단을 소유하세요. 우리와 함께 변화를 일으키세요.
아주 가까이 보인 로고와 빨간 글자를 빠르게 뒤로 빼 작은 조합으로 만든다；검은 화면에 넓은 여백을 남겨 짧은 브랜드 등장을 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
TIDAL｜타이포그래피 키비주얼 60초 버전
문구를 주인공으로 삼아 의미의 강세에 맞춰 짧은 단어를 키우고 밀어 넣고 연결한다. 마름모는 글자 구간을 다음 색상 그룹으로 넘긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
인터페이스 버튼 배열 · 10.7초
홈이 있는 효과 버튼 세 개를 조립 가능한 모듈처럼 분리했다가 되돌린다；아래 항목부터 시작하며 촘촘한 세로 관계를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
아이콘 모션 · 10.3초
같은 중심에서 기호를 연속 변형하고 홈, 구멍, 분할로 의미를 바꾼다. 서로 다른 아이콘을 하나씩 페이드인하지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
숫자 모션 · 6.1초
큰 숫자 세 개로 연속 카운트다운한 뒤 3×3 숫자 세트로 펼쳐 같은 계열의 꺾인 선과 둥근 모서리를 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜초록 입체 변형
2초 미만의 같은 위치 재질 컷 전환으로 초록 유기 형태, 풍경, 무지갯빛 관을 같은 로고 계열로 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Creative Cloud｜마젠타 조각 변형
짧고 빠른 컷으로 로고가 입체 조각에서 평면 편집과 은백색 재질로 바뀌는 과정을 보여 주며 마젠타를 모든 버전의 시각 단서로 쓴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜컬러 도형 변형
같은 로고로 가는 선, 금속, 꽃, 이미지 콜라주 등의 창작 스타일을 순환한다；통일된 위치와 여백으로 변화를 하나의 시리즈로 묶는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Creative Cloud｜주황 손그림 변형
주황·노랑을 주축으로 손그림, 액체, 튜브, 평면 꽃 사이를 빠르게 전환한다；곡선 윤곽으로 서로 다른 재질을 계속 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Universe 2023｜기하 루프
구 하나, 원판 하나, 사각판 하나로 촘촘한 회전 구도를 만든다. 사각판이 중앙을 돌며 가림 관계로 평면에도 공간감을 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
기하 패턴 루프 · 10.0초
화면을 채운 네 기하 패턴을 차례로 바꾼다. 꺾인 모서리의 강한 리듬에서 부드러운 파동으로, 다시 다양한 크기의 점으로 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Persimmon — 사람을 시뮬레이션하는 모델
과일 포스터 한 장으로 개인을 표현한 뒤 여러 다른 표본으로 펼친다；입자가 포스터 경계를 넘어가게 해 개인에서 상호작용으로의 이야기를 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
1990년대 브라우저 콜라주
웹의 기억에 관한 짧은 문장을 중심축으로 두고 지식 삽화를 겹친 뒤 초기 웹페이지를 쌓아 콘텐츠 축적이 자연스럽게 브라우저 시대로 이어지게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
맥락을 둘러싼 원형 제목
최소한의 글자와 가는 고리로 관심을 에이전트에서 그 기반 맥락으로 옮긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
로고 집결 공개 · 8.0초
기존 도형을 최소 단위로 나눈 뒤 같은 색상 그룹으로 로고와 이름을 재조립한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Revolut 앱에 최초의 유로 담보 스테이블코인 EURR을 출시합니다.
두 코인이 같은 받침대를 따라 앞뒤 위치를 교환하며 글자는 고정해 움직임을 두 대상 사이에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
제품 변화 돌아보기
브랜드명 위치를 고정하고 아이콘, 버전 번호, 제품 접미사를 이어 바꾼 뒤 주 브랜드만 남긴다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Think｜콘퍼런스 워드마크
여러 방향의 입체 글자들을 같은 읽기 방향으로 모은 뒤 짧은 동작을 마치고 차분한 워드마크를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uber Go Get It｜브랜드 그래픽 모션 클립
반복된 여행 가방을 고정 문구 주위에서 이동·회전시켜 연속 패턴에서도 여행 메시지가 읽히게 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
지갑에 자금 채우기 일러스트 루프
‘주유’ 동작을 지갑에 적용한다. 노즐을 맞추고 금화를 흘려 넣어 지갑을 채우며 동작 자체로 충전의 의미를 설명한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Bluevine｜브랜드 기하 모션
워드마크의 기하 구조를 먼저 보여 준 뒤 원호 모듈을 독립 기호와 앱 아이콘으로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Suki｜선과 글자의 브랜드 단편
의료진과 도구의 협업을 두 가는 선 그룹으로 표현하고 선들이 만난 뒤 실제 돌봄 장면을 이어 주는 시각 단서로 바꾼다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Deezer｜Live the Music 움직이는 배경
배경 파형은 계속 숨 쉬듯 움직이고 중앙 제목은 같은 위치에서 선명하게 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Faculty｜그라데이션 글자의 브랜드 메시지
천천히 흐르는 색 영역에 세 메시지를 담고 문장을 바꿀 때만 글자를 잠깐 분해한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
Uniqode｜점 배열 브랜드 단편
같은 점 배열 매체로 기하 패턴, 현실 장면, 브랜드 마크를 연결한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Uniqode｜점 배열 글자의 집결과 분산
흩어진 입자를 읽을 수 있는 문장으로 모은 뒤 같은 입자로 다시 분해한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
Wise｜글꼴과 통화 기호 모션
글꼴의 유래를 먼저 설명하고 글자 세부를 보여 준 뒤 같은 글꼴을 여러 통화와 색상에 적용한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.