snug© Insight

Work / Web & App

태민재단

한반도를 중심으로 상생과 평화의 미래를 그리는 재단의 소개 사이트입니다.

Client
태민재단
Category
재단 · 비영리
Service
Website · 기획 · 디자인 · 구축
Platform
아임웹 · 반응형 PC / 모바일
태민재단 — 대표 장면

overview

상생과 평화로 연결되는 미래의 기준

태민재단은 대전환 시대에 평화와 지속 가능한 공동체를 위한 협력의 터전을 만드는 재단입니다. 재단의 이름과 지향이 첫눈에 닿도록, 첫 화면은 한반도 지도 한 장과 「태민(泰民)」 한 줄로만 열었습니다. 설명은 그 아래 「상생과 평화로 연결되는 미래의 기준을 제시하다」 한 문장부터 시작합니다.

design

짙은 초록 하나로 재단의 무게를

첫 화면은 재단의 짙은 초록이고, 지도 위에는 가는 선과 점을 이어 「연결」을 그렸습니다. 하위 페이지는 흰색에 가까운 연한 민트 바탕으로 바꿔 긴 인사말과 연혁도 편하게 읽히게 했고, 초록은 지금 고른 탭과 「후원안내」 단추에만 남겼습니다. 글은 Pretendard 한 가족으로 통일해 공적인 단정함을 지켰습니다.

  • Forest #004C30 첫 화면 · 단추
  • Sage #4C5F58 바닥글
  • Mint #F0F7F4 하위 페이지 바탕
  • Ink #181818 글
  • 가나다 Pretendard — 제목 · 본문
  • Aa 01 Poppins — 영문 · 숫자

pages

인사말부터 함께하는 사람들까지 같은 틀로

인사말 · 설립목적과 비전 · 연혁 · 함께하는 사람들은 모두 큰 제목 → 탭 → 본문의 같은 순서입니다. 탭이 늘 제목 바로 아래에 있어 어느 페이지에서든 지금 위치와 옆 페이지가 함께 보이고, 임원 명단은 표로 정리해 직함과 소속을 나란히 읽게 했습니다.

태민재단 — 인사말부터 함께하는 사람들까지 같은 틀로
태민재단 — 인사말부터 함께하는 사람들까지 같은 틀로
태민재단 — 인사말부터 함께하는 사람들까지 같은 틀로
태민재단 — 인사말부터 함께하는 사람들까지 같은 틀로
태민재단 — 인사말부터 함께하는 사람들까지 같은 틀로

mobile

지도는 세로로, 인사말은 사진부터

휴대폰에서는 한반도 지도가 세로 화면을 가득 채우고 「태민(泰民)」 제목이 그 가운데 놓입니다. 하위 페이지의 탭은 가로로 밀어 고르고, 인사말은 이사장 사진 → 굵은 첫 문장 → 본문 순서로 내려 읽게 했습니다.

태민재단 — 지도는 세로로, 인사말은 사진부터
태민재단 — 지도는 세로로, 인사말은 사진부터
태민재단 — 지도는 세로로, 인사말은 사진부터
Client
태민재단
Design
snug
Build
snug — 아임웹

More Web & App