본문 바로가기
Dashboard Kit 포스트 썸네일
Dashboard Kit
Inspiration/Dashboard·2025. 10. 24.
Dashboard 포스트 썸네일
Dashboard
Inspiration/Dashboard·2025. 10. 22.
Design Kit 포스트 썸네일
Design Kit
Inspiration/Design Kit·2025. 10. 22.
Neuro Noise (GLSL Shader) 포스트 썸네일
Neuro Noise (GLSL Shader)
Publishing/Cursor·2025. 10. 22.
See the Pen Neuro Noise (GLSL Shader) by Ksenia Kondrashova (@ksenia-k) on CodePen.
Collection of Glowing Noise Cursor Effects 포스트 썸네일
Collection of Glowing Noise Cursor Effects
Publishing/Cursor·2025. 10. 22.
See the Pen [threejs] ❍ Collection of Glowing Noise Cursor Effects N°1 by Filip Zrnzevic (@filipz) on CodePen.
swiper 포스트 썸네일
swiper
Publishing/Slider·2025. 10. 22.
See the Pen Climbing Card Carrousel - Swiper JS by Josetxu (@josetxu) on CodePen.
dashboard 포스트 썸네일
dashboard
Inspiration/Dashboard·2025. 10. 21.
Advanced Menu Trigger Animations Set 포스트 썸네일
Advanced Menu Trigger Animations Set
Publishing/Button·2025. 10. 19.
See the Pen [javascript] ❍ Advanced Menu Trigger Animations Set N°1 by Filip Zrnzevic (@filipz) on CodePen.
Layout Explorations with Gsap, Lenis and ScrollTrigger 포스트 썸네일
Layout Explorations with Gsap, Lenis and ScrollTrigger
Publishing/ScrollTrigger·2025. 10. 19.
See the Pen [gsap/lenis] ❍ Layout Explorations with Gsap, Lenis and ScrollTrigger N°5 by Filip Zrnzevic (@filipz) on CodePen.
PPT 포스트 썸네일
PPT
Inspiration/Edited Design·2025. 10. 17.
Reference 포스트 썸네일
Reference
Inspiration/Dashboard·2025. 10. 17.
无人机地面站FUI设计 - Lvmoer .Fiction User interface Design 小时候跟爸爸看的第一步科幻电影是《星球大战》，那个时候就被里面各种炫酷的元素给震惊了，后来长大了看了许多科幻电影，也最喜欢看科幻电影，有时候看的时候就www.behance.net
Reference 포스트 썸네일
Reference
Inspiration/Dashboard·2025. 10. 17.
Web App UI Dashboards – Modern & Functional Designs - Karen JohsnonWeb App UI Dashboards – Modern & Functional Designswww.behance.net
Liquid Glass Effect 포스트 썸네일
Liquid Glass Effect
Publishing/svg·2025. 10. 17.
See the Pen Pure CSS iOS 26 Liquid Glass Effect by DaftPlug (@daftplug) on CodePen.
Graphic design 포스트 썸네일
Graphic design
Inspiration/Design Elements·2025. 10. 16.
Graphic design 포스트 썸네일
Graphic design
Inspiration/Design Elements·2025. 10. 16.
Aleksey Kostiuk 포스트 썸네일
Aleksey Kostiuk
Inspiration/Web & App·2025. 10. 16.
Aleksey KostiukDsgners platform for designersdribbble.com
PPT 템플릿 포스트 썸네일
PPT 템플릿
Inspiration/Edited Design·2025. 10. 16.
Color Palette 포스트 썸네일
Color Palette
Inspiration/Color Palette·2025. 10. 16.
--color-rich-black: #0D0F11; --color-dark-green: #022221; --color-bangladesh-green: #09624C; --color-mountain-meadow: #22C59A; --color-caribbean-green: #00DF91; --color-anti-flash-white: #F1F7F6; --color-pine: #063B28; --color-basil: #084F43; --color-forest: #095544; --color-frog: #77B79D; --color-mint: #2F846C; --color-stone: #707D7D; --color-pistachio: #ACCEC4;
Text scroll and hover effect with GSAP and clip 포스트 썸네일
Text scroll and hover effect with GSAP and clip
Publishing/ScrollTrigger·2025. 10. 16.
See the Pen Text scroll and hover effect with GSAP and clip by  Juxtopposed (@Juxtopposed) on CodePen.
Electric Border 포스트 썸네일
Electric Border
Publishing/Card·2025. 10. 16.
See the Pen Electric Border by Bálint Ferenczy (@BalintFerenczy) on CodePen.
Reference 포스트 썸네일
Reference
Inspiration/Dashboard·2025. 10. 16.
Reference 포스트 썸네일
Reference
Inspiration/Design Elements·2025. 10. 16.
Reference 포스트 썸네일
Reference
Inspiration/Design Elements·2025. 10. 16.
파킹클라우드 포스트 썸네일
파킹클라우드
Inspiration/Web & App·2025. 10. 16.
https://www.iparking.co.kr/kr/
조세마루 포스트 썸네일
조세마루
Inspiration/Web & App·2025. 10. 16.
https://www.josemaru.com/
GEON 홈페이지 리뉴얼 포스트 썸네일
GEON 홈페이지 리뉴얼
Portfolio·2025. 10. 14.
기간: 2025년 9월역할: 디자인 및 퍼블리싱 100%디자인 (Design)기업 아이덴티티를 반영한 클린하고 직관적인 UI/UX 디자인 설계곡선형 백그라운드와 여백 중심 레이아웃으로 공간감과 브랜드 신뢰도 강화모션과 인터랙션을 고려한 디자인 시안 제작 (스크롤 연동, 섹션 전환 등)GSAP 인터랙션 시각 설계를 포함한 화면 흐름 및 사용자 경험 구성반응형 디자인 적용으로 PC, 태블릿, 모바일 환경 최적화퍼블리싱 (Publishing)HTML5, CSS3, jQuery 기반 정적 구조 및 모듈화된 레이아웃 구현**GSAP(ScrollTrigger, ScrollSmoother)**를 활용하여 스크롤 기반 섹션 전환, 고정(pinning), 프로그레스바 등 인터랙티브 효과 구현커스텀 스크롤바, 네비게이션 ..
Light Dark 모드 중립 색상 팔레트 포스트 썸네일
Light Dark 모드 중립 색상 팔레트
Inspiration/Color Palette·2025. 7. 8.
AAA 대비 기준을 만족하는 중립 색상 팔레트UI 디자인에서 명확한 명암 대비는 사용자 경험을 크게 좌우합니다. 특히 라이트/다크 모드를 지원하는 현대적인 디자인 시스템에서는 두 가지 테마 모두에서 높은 가독성과 접근성을 유지하는 것이 중요합니다.아래는 AAA 접근성 기준(WCAG 2.1 기준 대비율 7:1 이상)을 충족하는 중립 색상 팔레트입니다. 라이트 모드와 다크 모드 각각에 맞는 색상코드를 정리하였습니다.🌕 Light Mode 색상 코드밝은 배경에서 어두운 텍스트를 사용할 때 적합한 명암 단계입니다.Base: #FFFFFF50: #FAFAFA100: #F5F5F5200: #E5E5E5300: #D4D4D4400: #A3A3A3500: #737373600: #525252700: #404040800..
목차
    PREV
    [1][2][3][4][5]
    NEXT

    티스토리툴바