컴포넌트 모아보기

Cover

💡

페이지 상단에 들어가는 커버예요. 페이지 제목을 담고 있고, 이미지나, 동영상을 활용할 수 있어요. (본문 영역에 사용하는 방식은 권장하지 않아요.)

FullImage

cover_fullimage 컴포넌트 디자인

FullImage_Title

cover_fullimage_title 컴포넌트 디자인

FullVideo

cover_fullvideo 컴포넌트 디자인

Full_Description

cover_full_description 컴포넌트 디자인

Title

cover_title 컴포넌트 디자인

Title_Date

cover_title_date 컴포넌트 디자인

Video

💡

Youtube 영상을 embed 할 수 있어요. 비디오 재생은 사용자의 데이터를 소비하기 때문에, 자동 재생은 지원하지 않아요.

Youtube

youtube_embed 컴포넌트 예시

Youtube_Shorts

youtube_shorts_embed 컴포넌트 예시

Banner

Large

banner_large 컴포넌트 디자인

Small

banner_small 컴포넌트 디자인

Card

Image_Text_Multi

card_image_text_multi 컴포넌트 디자인

Multi

card_multi 컴포넌트 디자인

Single

card_single 컴포넌트 디자인

Image

card_image 컴포넌트 디자인

Component

Button

button 컴포넌트 디자인

Button_Floating

button_floating 컴포넌트 디자인

Button_Multi

button_multi 컴포넌트 디자인

Button_Modal

button_modal 컴포넌트 디자인

Carousel

carousel 컴포넌트 디자인

Image

image 컴포넌트 디자인

Label

label 컴포넌트 디자인

Title_Description

title_description 컴포넌트 디자인

Divider

divider 컴포넌트 디자인

Event

Card_Basic

event_card_basic 컴포넌트 디자인

Card_Button

event_card_button 컴포넌트 디자인

Card_Share

event_card_share 컴포넌트 디자인

Reward_Card

event_reward_card 컴포넌트 디자인

Reward_Multi

event_reward_multi 컴포넌트 디자인

Reward_Single

event_reward_single 컴포넌트 디자인

List

Event_Text

list_event_text 컴포넌트 디자인

Text

list_icon_description 컴포넌트 디자인

Title_Description

list_icon_title_description 컴포넌트 디자인

Image_Description_Title

list_image_description_title 컴포넌트 디자인

Order_With_Description

list_order_with_description 컴포넌트 디자인

Order_With_Image

list_order_with_image 컴포넌트 디자인

Order_With_Title

list_order_with_title 컴포넌트 디자인

Share

Basic

share_basic 컴포넌트 디자인

Footer

Accordion_Bullet

footer_accordion_bullet 컴포넌트 디자인

Accordion_Only_Text

footer_accordion_text 컴포넌트 디자인

Basic

footer_basic 컴포넌트 디자인

Landkit 페이지 튜토리얼 스타일 가이드