モバイルアプリが、サクッと簡単に!
公式アプリでもっと多くの顧客のリピートやLTVを向上しましょう。もちろんコーディングは、一切不要です!
レゴ感覚でアプリのデザインを組み立てる
レゴのようにパーツを組み立てることで、アプリのデザインをカスタマイズすることができます。開発チームを挟まずに担当者だけでデザインの変更が可能に!
サポートチームがあなたを全面バックアップ
24時間365日、サービス内からチャットでサポートチームに質問することができます。わからないことは質問してサクッと解決しましょう!
ご利用中のプラットフォームを選択してください
連携プラットフォーム
Appifyは世界ナンバー1のShopify・日本ナンバー1のBASEと連携しており、どの事業規模のショップ様もご利用することができます
アプリが作れる体験を、今すぐはじめよう
✅ フリートライアル / ✅ クレジットカード不要
デザインしたアプリはプレビュー機能でリアルタイムに確認することができます
© Copyright 2021 Appify Technologies, Inc.
サブページ
ページ素材
コード
<style>
:root {
--color-text-default: #1C1F1E !important;
--color-text-gray: #6F7882 !important;
--color-bg-default: #F9FAFB !important;
}
/* --- NAVIGATION --- */
/* Hide the Notion nav bar and header title */
.notion-navbar {
display: none !important;
}
.notion-header {
display: none !important;
}
/* Custom nav styling (see HTML at bottom of code) */
.nav {
align-items: center;
padding: 24px;
display: flex;
position: static;
z-index: 9999;
height: 88px;
width: 100%;
flex-direction: row;
justify-content: space-between;
}
.nav .right, .nav .left {
display: flex;
margin-bottom: 0.25em;
}
.nav-link {
justify-content: center;
align-items: center;
display: flex;
height: 100%;
font-size: 16px;
font-weight: 600;
color: var(--color-text-default);
text-decoration: none;
}
.nav-img {
height: 40px;
}
/* --- Heading styles --- */
h1.notion-heading {
font-size: 2.25rem !important;
line-height: 1.5 !important;
}
h2.notion-heading {
font-size: 1.75rem !important;
line-height: 1.6 !important;
}
.notion-text__content {
font-size: 1.125rem !important;
line-height: 1.6 !important;
}
/* --- CONTENT STYLING --- */
/* --- Adjust the max width of pages --- */
.super-content.max-width, .notion-header__content.max-width {
max-width: 1080px !important;
}
/* --- Style the buttons --- */
.notion-callout {
border-radius: 100px !important;
position: relative !important;
padding: 16px 24px !important;
border: none !important;
background: #00A0A3 !important;
box-shadow: 0 10px 20px -10px #00A0A3 !important;
}
.notion-callout a {
letter-spacing: -0.5px !important;
padding: 0 0 2px 66px !important;
align-items: center !important;
position: absolute !important;
font-weight: 600 !important;
display: flex !important;
border: none !important;
color: #fff !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
top: 0 !important;
}
/* --- PROJECTS PAGE --- */
/* Hide cover image from page headers */
.notion-header__cover {
display: none !important;
}
/* --- MISC --- */
/* Hide notion toggle - a hack to hide child pages, drag them into a toggle and they'll disappear */
.notion-toggle {
display: none !important;
}
</style>
<!-- CUSTOM NAVIGATION -->
<nav class="nav">
<div class="left">
<a class="nav-link" href="/">
<img class="nav-img" src="https://s3.us-west-2.amazonaws.com/secure.notion-static.com/9e83b7c2-4ebe-445f-82ff-f1a105173047/logo.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAT73L2G45O3KS52Y5%2F20210110%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20210110T065643Z&X-Amz-Expires=86400&X-Amz-Signature=8f4dc9ede472645baeb23124a1b2b1493008eb8fb63d9c051ed6fe1823970c0a&X-Amz-SignedHeaders=host&response-content-disposition=filename%20%3D%22logo.png%22"/>
</a>
</div>
<div class="right">
<a class="nav-link" href="https://admin.appifyservice.com/login">ログイン</a>
</div>
</nav>