Flying Papers
토요일 아침 만화 속 고백
Flying Papers는 두꺼운 리소그래프 용지에 인쇄된 토요일 아침 만화처럼 작동합니다. 은은한 보라색 배경에 채도가 높은 색채가 마치 색종이 조각처럼 흩뿌려져 있고, 글자 크기가 화면 전체를 가득 채웁니다. 브랜드 이미지는 강렬하고 대담하며 타협하지 않습니다. 관심을 강요하는 것이 아니라, 오히려 끌어당깁니다. 각 화면은 하나의 대담한 포스터처럼 느껴지도록 디자인되었습니다. 하나의 주요 헤드라인, 하나의 캐릭터 일러스트, 텍스트 내의 하나의 동작, 그리고 충분한 여백이 있습니다. 프레임이 그림자를 대신하여 대부분의 역할을 하며, 색상은 데이터가 아닌 페인트처럼 사용됩니다. 표면은 평평하게 유지되고, 가장자리는 6픽셀로 날카롭게 처리되며, 시스템에서 유일한 약점은 종료 버튼의 100픽셀 크기입니다.
최대 너비 제한이 없는 전체 화면 포스터 레이아웃입니다. 각 화면은 뷰포트 크기의 단일 구성 요소로 이루어져 있습니다. 가운데 또는 왼쪽 정렬된 커다란 ObviouslyVariable 제목, 텍스트 위에 겹쳐진 마스코트 일러스트 하나, 그리고 그 아래에 작은 인라인 액션이 배치됩니다. 섹션은 밝은 색과 어두운 색을 번갈아 사용하지 않고, 전체 페이지는 트와일라잇 퍼플 색상의 캔버스 위에 단색 카드로 구성됩니다. 내비게이션은 메뉴 바 없이 가운데에 배치된 로고 하나로 이루어집니다. 카드는 넉넉한 여백을 두고 2~3열의 자유로운 레이아웃으로 배열되며, 카드 크기는 균일하지 않고 내용에 따라 결정됩니다. 밀도가 매우 높아 화면당 하나의 아이디어만 배치되고, 그 주변에 보라색 여백이 있습니다.
사진, 3D 렌더링, 추상적인 그라데이션 없이 오직 일러스트레이션만 사용합니다. 시각적 언어는 두꺼운 검정색 윤곽선(2~3px)과 2~3가지 색상의 단색 채색, 음영 없는 손으로 그린 만화 스타일입니다. 캐릭터는 글자와 상호작용하는 마스코트로, 글자 밖으로 얼굴을 내밀거나, 기대거나, 글자 위에 서 있는 모습을 하고 있습니다. 아이콘은 검정색(Pure) 또는 흰색(Bone) 선으로 그려지며, 선 굵기는 1.5~2px입니다. 이미지는 주로 장식적인 분위기를 조성하는 데 사용되며, 설명을 제공하지 않습니다. 글자가 메시지를 전달하고, 캐릭터는 분위기를 전달합니다.
팔레트
상표
- Dusk Violet
#8584bd— 메인 캔버스와 메인 배경은 다른 모든 색상이 나타나는 무대입니다. - Hi-Vis Yellow
#f4ed36— 노란색은 동작 개요, 링크 레이블 및 상호 작용 요소를 강조하는 데 사용됩니다. 클릭 유도 버튼의 기본 색상으로 사용해서는 안 됩니다. - Buttery Yellow
#f9cc73— 화면에 추가된 텍스트와 부드러운 테두리는 반사 색상이 과해 보일 수 있는 상황에서 더욱 은은한 반사 색상 표현을 제공합니다. - Lilac Shadow
#61609a— 카드와 블록 배경은 보라색 바탕 위에 겹쳐진 표면에 더 진한 보라색을 띕니다.
중립적
- Bubblegum Pink
#f8c1ba— 장식 테두리와 색종이 조각 장식은 따뜻한 핑크색을 적절히 사용하여 생동감 넘치는 색감을 연출합니다. - Matcha Cream
#b5c995— 장식 테두리와 색종이 조각 장식은 카드 속 조연 캐릭터들에게 은은한 녹색 색조를 더해줍니다. - Magenta Punch
#ac4f98— 액센트 카드용 추가 표면 - 무대보다 더 큰 소리가 나야 하는 효과 블록을 위해 설계되었습니다. - Firecracker Red
#c94245— 배경을 강조하기 위해 붉은색을 채우고, 장식적인 줄무늬를 넣고, 콘텐츠 뒤에 부드러운 악센트를 더했습니다. - Bone White
#f9f5f2— 밝은 표면의 얇은 테두리, 구분선, 입력 필드 윤곽선 및 카드 가장자리에 사용하세요. 클릭 유도 버튼의 기본 색상으로는 이 색상을 사용하지 않는 것이 좋습니다. - Ink Black
#1a1a1a— 본문, 주요 테두리 및 버튼 윤곽선은 크림색 바탕의 타이포그래피 작업에 사용되는 거의 검은색에 가까운 색상입니다.
타이포그래피
10픽셀에서 341픽셀로 · 8단계
- ObviouslyVariable — 대사: Founders Grotesk Condensed · 요점 800, 900 · 제목 및 큰 글씨용으로 제작된 이 글꼴 패밀리는 해당 시스템에 적합한 유일하게 충분히 큰 글꼴입니다. 크기는 본문 텍스트의 18px부터 포스터 표시의 341px까지 다양합니다. 0.80~1.00의 좁은 줄 간격 덕분에 여러 줄로 된 제목을 단색 블록으로 표시할 수 있습니다. Calt 기능이 비활성화되어 있어 넓은 기하학적 도형은 꾸밈 없이 표시됩니다. 대안으로는 Founders Grotesk Condensed, Knockout 또는 Druk Wide가 있습니다.
- DegularVariable — 대사: Inter · 요점 400 · 초소형 UI 텍스트(내비게이션, 푸터 마이크로카피, 인라인 레이블)에 10px 크기로 적합합니다. 본문 텍스트와 자연스럽게 어우러지는 중립적이고 활용도 높은 폰트입니다. 대체 폰트: Inter, IBM Plex Sans.
- bergen_monoregular — 대사: JetBrains Mono · 요점 400, 600 · 탐색 메뉴, 태그 및 작은 데이터 레이블에 사용되는 고정폭 마이크로폰트는 둥근 화면에서 타자기 타자 리듬감을 만들어냅니다. 고정폭 폰트의 0.80 줄 간격은 특징적인 요소로, 촘촘하게 배치된 고정폭 폰트는 마치 영수증과 같은 느낌을 줍니다. 대안으로는 JetBrains Mono, IBM Plex Mono가 있습니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 17px |
| 버튼 반경 | 100px |
| 카드 반경 | 6px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 40px |
AI가 Flying Papers 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Navigate — 게시판에 붙어 있는 커다란 스티커 세트: 크고 기괴한 글꼴, 모두 태블릿 형태, 그리고 로고처럼 반복되는 다섯 가지 색상의 아이콘
- Hatch — 손으로 그린 듯한 사미즈다트 스타일 디자인에 파스텔 톤의 사탕 그릇이 어우러져 있습니다. 크림색 종이 위에 민트색 포인트, 색종이 조각, 알약 모양의 행동 촉구 문구가 장식되어 있고, 크고 굵은 세리프체 글씨가 재미를 암시하며, 파란색 마스코트가 구석에서 윙크하고 있습니다.
- Wonder — 네온 퍼플 색상의 지휘 센터는 짙은 자주색의 어둠 속에 자리 잡고 있으며, 단 하나의 레이저 보라색 광원이 그 어둠을 뚫고 비추고 있다.
- Duolingo — 흰 종이 위에 그려진 장난기 넘치는 학급 마스코트
- Family — 크림색 양피지에 그려진 동화책의 한 페이지
- Visitors — 흰색 엔지니어링 도면
- Say Briefly — 크림색 종이에 그린 크리에이티브 에이전시 스케치북
- Superpower — 생물발광 건강 관리 센터
- Dopper — 햇살이 쏟아지는 크림빛 석호에 생기 넘치는 푸른빛 해류가 흐른다. 따뜻한 베이지색의 넓은 공간에는 선명한 푸른색 수로 하나와 수정처럼 맑고 사탕처럼 투명한 물웅덩이가 마치 햇빛이 물 위를 가르듯 펼쳐져 있다.
- Dock — 선릿 크림 페이퍼, 코발트 펄스
- Portrait — 크림색 종이에 폴라로이드 사진으로 담아낸 추억들이 벽처럼 펼쳐져 있다. 밝은 크림색 스크랩북에는 짙은 파란색 잉크가 유일한 글자이자, 유일한 선이자, 유일한 테두리 색깔로 사용되었다. 그리고 "등록" 버튼과 기울임체로 쓰인 "영원히"라는 단어에 단 한 번, 다시는 나타나지 않을 손으로 그린 무지개가 있을 뿐이다.
- Quizlet — 교실은 하얀 배경에 다양한 색깔로 장식되어 있다. 차분한 책상 뒤에는 파스텔톤 카드 네 장이 놓여 있고, 차가운 회색 벽과 남색 마커로 그어진 한 줄의 자국만이 유일하게 밝은 포인트를 이루고 있다.