cleanUrl: /ko/stories/coffee2-template
scrollProgressBar:
	show: true
  color: "#945029"
fonts:
	headerFont: "NanumSquare"
  defaultFont: "NanumSquare"
imageBorderRadius: 20
calloutBorderRadius: 20
galleryBorderRadius: 20
<head>
  <meta name="description" content="카페 소개 페이지가 필요하신 분들! 이 템플릿을 사용해 보세요!☕️">
  <meta property="og:description" content="카페 소개 페이지가 필요하신 분들! 이 템플릿을 사용해 보세요!☕️">
  <style>
    .notion-gallery-view a {
      border-radius: 20px !important;
    }

    #crisp-chatbox [role="button"] {
      bottom: 84px !important;
    }

    .notion-image-block img {
      border-radius: 20px;
    }
  </style>
  <style>@keyframes fadeIn{from{opacity:0;transform:translate(0,30px)}to{opacity:1;transform:translate(0,0)}}.cta{position:fixed;bottom:16px;left:0;right:0;margin:0 auto;display:flex;align-self:center;align-items:center;justify-content:center;width:88%;max-width:708px;height:48px;background:linear-gradient(#E7AB89, #945029);color:white;z-index:999999999;text-decoration:none;border-radius:60px;font-weight:bold;font-size:16px;transition:300ms;box-shadow:0px 4px 16px rgba(135, 70, 33, 0.3);animation:800ms ease fadeIn;font-family:"inter",sans-serif}.cta:hover{filter:brightness(88%)}</style>
</head>
<body>
  <a class="cta" href="<https://www.oopy.io/ko/templates/coffee2>"
    aria-label="go to oopy app console" onclick='clickCTAEvent()'> 카페 템플릿 보러가기☕️ </a>
</body>

Contents_Template_Coffee2@2x.png

안녕하세요! 우피 팀입니다🐳

요새 우피 사용자분들이 제작한 페이지를 보다 보면

저희가 제공한 템플릿이 종종 쓰이는 걸 볼 수가 있어요!👀

그럴때면 반갑기도하고 템플릿이 실제로 도움이 되고 있는 것 같아서 다행이라는 생각이 들었어요🙏

그래서 이번에 우피 팀은 또 다른 템플릿을 가져와봤어요!

이번엔 바로 카페(커피 집) 템플릿입니다☕️

카페나 다른 음식점을 운영하시는 분들 중에

자신의 가게를 소개하는 웹페이지가 필요하다면 이 템플릿을 사용해 보세요!

노션과 우피를 사용해 페이지 제작을 하면

개발 공수를 적게 들이면서도 빠르고 예쁘게 웹페이지 제작을 할 수 있어요😃

커피집(카페) 템플릿

서비스 사용 가이드 템플릿 with Oopy

자, 그러면 우피의 어떤 기능을 사용해서 템플릿을 제작했는지