[ None Labs ]
Convenience in Everyday life
None Labs의 모든 디지털 인터페이스와 문서는 군더더기 없는 미니멀리즘과 직관적인 블록 아키텍처를 바탕으로 설계되었습니다.
Color Palette (색상 시스템)
Frame 3 (9:30) 기준Accent
#343434
Secondary
#686868
Logo Accent
#888888
Logo Secondary
#DEDEDE
Background
#F5F5F5
Typography (타이포그래피 규격)
[ Ubuntu ]
로고 괄호([ ])와 영문 브랜드 표기에 활용되며, 견고하고 구조적인 인상을 제공합니다.
Red Hat Display
공식 슬로건 "Convenience in Everyday life", 인증코드 숫자, 영문 타이틀에 적용됩니다.
Pretendard
모든 한글 텍스트, 이메일 본문, 공지사항, 소식지 기사 등 UI 전반에 높은 가독성을 부여합니다.
Figma Frames (프레임별 1:1 HTML)
피그마 원본 디자인에서 추출된 독립 프레임 목록입니다.
프레젠테이션 & 브랜딩 슬라이드
Frame 1
히어로 스플래시: [ None Labs ] 로고 및 슬로건
Frame 2
브랜딩 커버: Branding for None Labs 발표 표지
Frame 3
디자인 가이드라인: Color Palette & Typography 규격
Frame 4
슬라이드 레이아웃: 발표용자료 제목 템플릿
Frame 5
브랜드 슬라이드: Convenience in Everyday life
A4 Document
문서/레터헤드: None Campus / 농심국제관 양식
이메일 & 알림 템플릿 (Desktop / Mobile 300)
Authenticate (인증)
회원가입/로그인용 인증번호(5자리) 발송 템플릿
Notification (공지)
사용자 공지 및 훈화말씀 알림 카드 템플릿
Newsletter (소식지)
소식지 기사, Q&A, 좋아요 및 댓글 카운터 카드
Modular Blocks (컴포넌트 블록 단위 관리)
Svelte, React 등 프론트엔드 컴포넌트로 즉시 이식 가능한 70+ 독립 블록들입니다.
| 블록명 (Block Name) | 소속 프레임 | 규격 (W × H) | Figma Node | HTML 파일 |
|---|---|---|---|---|
| [ None Labs ] | Frame 1 | 598 × 115 px | 1:4 | 코드 보기 |
| Convenience in Everyday life | Frame 1 | 759 × 79 px | 2:4 | 코드 보기 |
| top_slogan | Authenticate | 480 × 24 px | 2039:11 | 코드 보기 |
| Auth_key (인증코드 카드) | Authenticate | 395 × 80 px | 2056:9 | 코드 보기 |
| info (공지 카드) | Notification | 676 × 480 px | 2039:56 | 코드 보기 |
| news (소식지 카드 세트) | Newsletter | 680 × 890 px | 2058:94 | 코드 보기 |