[{"data":1,"prerenderedAt":493},["ShallowReactive",2],{"help-\u002Fhelp\u002Fko\u002Fappearance":3},{"article":4,"counterparts":180},{"id":5,"title":6,"body":7,"description":171,"extension":172,"meta":173,"navigation":174,"order":175,"path":176,"seo":177,"stem":178,"__hash__":179},"help\u002Fhelp\u002Fko\u002Fappearance.md","페이지 외관 바꾸기",{"type":8,"value":9,"toc":155},"minimark",[10,14,18,23,26,30,33,37,40,44,47,53,57,60,83,88,93,104,107,110,114,117,121,124,132,136,143,146],[11,12,6],"h1",{"id":13},"페이지-외관-바꾸기",[15,16,17],"p",{},"thamit에서는 페이지의 분위기를 취향대로 바꿀 수 있습니다.\n에디터의 외관 설정(테마\u002F폰트 드로어)에서 편집을 멈추지 않고 그 자리에서 조정할 수 있습니다.",[19,20,22],"h2",{"id":21},"색상-테마프리셋","색상 테마(프리셋)",[15,24,25],{},"미리 준비된 색상 프리셋에서 선택할 수 있습니다.\n바탕 색감이나 액센트 컬러가 한꺼번에 바뀌므로 가장 손쉽게 인상을 바꿀 수 있습니다.",[19,27,29],{"id":28},"라이트-다크","라이트 \u002F 다크",[15,31,32],{},"페이지의 밝기를 「라이트」 또는 「다크」로 고정할 수 있습니다.\n공개 페이지의 열람자는 페이지의 토글로 원하는 쪽으로 전환해서 볼 수도 있습니다.",[19,34,36],{"id":35},"모서리-둥글기","모서리 둥글기",[15,38,39],{},"파츠나 버튼의 모서리 둥글기를 「샤프」 「소프트」 「라운드」에서 선택할 수 있습니다.\n모서리 둥글기는 프리셋(색감)에서 독립된 설정이므로, 프리셋을 바꿔도 모서리 둥글기는 바뀌지 않습니다.",[19,41,43],{"id":42},"파츠-등장-애니메이션","파츠 등장 애니메이션",[15,45,46],{},"공개 페이지를 스크롤해서 각 파츠가 화면에 들어왔을 때 한 번만 재생되는 애니메이션을 설정할 수 있습니다.\n「페이드 업」 「페이드」 「줌」 「글리치」에서 선택할 수 있습니다(초기값은 「없음」).",[48,49,50],"blockquote",{},[15,51,52],{},"기기에서 「시차 효과 줄이기」(모션 감소)를 설정한 열람자에게는 재생되지 않고, 파츠는 처음부터 표시됩니다.",[19,54,56],{"id":55},"커스텀-배경","커스텀 배경",[15,58,59],{},"프리셋 배경 대신 직접 배경을 지정할 수 있습니다.",[61,62,63,71,77],"ul",{},[64,65,66,70],"li",{},[67,68,69],"strong",{},"단색"," … 원하는 색(#rrggbb)을 페이지 전체의 배경으로 할 수 있습니다. 글자색은 읽기 쉽도록 자동으로 조정됩니다.",[64,72,73,76],{},[67,74,75],{},"이미지"," … 업로드한 이미지를 배경으로 할 수 있습니다. 가독성을 위해 어두운 덮개(스크림)와 흰 글자로 표시됩니다.",[64,78,79,82],{},[67,80,81],{},"동영상"," … 짧은 루프 동영상을 배경으로 할 수 있습니다(라이브 배경화면 같은 이미지입니다).",[48,84,85],{},[15,86,87],{},"커스텀 배경을 설정하면 외관은 하나로 고정되어 라이트\u002F다크 전환이 듣지 않게 됩니다.",[89,90,92],"h3",{"id":91},"동영상-배경의-포인트","동영상 배경의 포인트",[61,94,95,98,101],{},[64,96,97],{},"MP4 또는 WebM 형식으로, 무료 플랜에서는 파일 1개 4MB까지입니다. 10초 전후·720p 정도의 작은 파일을 추천합니다.",[64,99,100],{},"소리는 재생되지 않습니다.",[64,102,103],{},"기기에서 「시차 효과 줄이기」(모션 감소)나 데이터 절약 모드를 설정한 열람자에게는 동영상 대신 첫 프레임의 정지 이미지가 표시됩니다.",[19,105,106],{"id":106},"폰트",[15,108,109],{},"본문 폰트를 「고딕」 「둥근 고딕」 「명조」 「팝」 「손글씨」에서 선택할 수 있습니다.\n페이지 분위기에 맞춰 서체를 바꿔 보세요.",[19,111,113],{"id":112},"글자-크기","글자 크기",[15,115,116],{},"페이지 전체의 글자 크기를 「작게」 「표준」 「크게」에서 선택할 수 있습니다(폰트 탭 아래에 있습니다).\n제목과 본문이 함께 확대·축소되므로 읽기 편한 크기로 맞춰 보세요.\n방문자의 브라우저 글자 크기 설정은 그대로 유지됩니다(설정에 배율을 곱할 뿐입니다).\n특정 파츠만 크기를 바꾸고 싶다면, 그 파츠의 연필 버튼에서 여는 설정에 「글자 크기」가 있으며 「페이지에 따름」 「작게」 「표준」 「크게」를 고를 수 있습니다.",[19,118,120],{"id":119},"아바타-테두리프레임","아바타 테두리(프레임)",[15,122,123],{},"아바타 이미지 둘레에 장식 테두리를 붙일 수 있습니다.",[61,125,126,129],{},[64,127,128],{},"테두리 종류는 「없음」 「가는 링」 「굵은 링」 「이중 링」 「글로우」에서 선택할 수 있습니다.",[64,130,131],{},"테두리 색은 액센트 컬러에 맞추거나 원하는 색을 지정할 수 있습니다.",[19,133,135],{"id":134},"미리보기-색상","미리보기 색상",[15,137,138,139,142],{},"외관 설정의 「미리보기 색상」은 미리보기와 편집 중인 파츠를 라이트\u002F다크 어느 색상으로 표시할지의 전환입니다.\n",[67,140,141],{},"공개 페이지 자체의 초기 색상은 바뀌지 않습니다",". 초기 색상은 프리셋 선택의 라이트\u002F다크 단에서 정해집니다.",[144,145],"hr",{},[15,147,148,149,154],{},"설정한 외관은 미리보기 탭에서 확인할 수 있습니다.\n기본 조작은 ",[150,151,153],"a",{"href":152},"\u002Fhelp\u002Fko\u002Feditor-basics","에디터의 기본","을 참조해 주세요.",{"title":156,"searchDepth":157,"depth":157,"links":158},"",2,[159,160,161,162,163,167,168,169,170],{"id":21,"depth":157,"text":22},{"id":28,"depth":157,"text":29},{"id":35,"depth":157,"text":36},{"id":42,"depth":157,"text":43},{"id":55,"depth":157,"text":56,"children":164},[165],{"id":91,"depth":166,"text":92},3,{"id":106,"depth":157,"text":106},{"id":112,"depth":157,"text":113},{"id":119,"depth":157,"text":120},{"id":134,"depth":157,"text":135},"색상 테마·라이트\u002F다크·배경·폰트·아바타 테두리 등 페이지의 외관을 다듬는 방법을 안내합니다.","md",{},true,7,"\u002Fhelp\u002Fko\u002Fappearance",{"title":6,"description":171},"help\u002Fko\u002Fappearance","YgTyfoiQ4V3PgHNV34lm5rBCy5NpgzrVDS69KSzMKlo",[181,333],{"id":182,"title":183,"body":184,"description":327,"extension":172,"meta":328,"navigation":174,"order":175,"path":329,"seo":330,"stem":331,"__hash__":332},"help\u002Fhelp\u002Fappearance.md","ページの見た目を変える",{"type":8,"value":185,"toc":314},[186,188,191,195,198,202,205,208,211,214,217,222,225,228,248,253,256,267,270,273,276,279,283,286,294,297,304,306],[11,187,183],{"id":183},[15,189,190],{},"thamitでは、ページの雰囲気を自分好みに変えられます。\nエディターの外観設定(テーマ\u002Fフォントのドロワー)から、編集を止めずにその場で調整できます。",[19,192,194],{"id":193},"配色テーマプリセット","配色テーマ(プリセット)",[15,196,197],{},"あらかじめ用意された配色プリセットから選べます。\nベースの色合いやアクセントカラーがまとめて切り替わるので、いちばん手軽に印象を変えられます。",[19,199,201],{"id":200},"ライト-ダーク","ライト \u002F ダーク",[15,203,204],{},"ページの明るさを「ライト」または「ダーク」で固定できます。\n公開ページの閲覧者は、ページ上のトグルで好きな方に切り替えて見ることもできます。",[19,206,207],{"id":207},"角丸",[15,209,210],{},"パーツやボタンの角の丸さを「シャープ」「ソフト」「ラウンド」から選べます。\n角丸はプリセット(色合い)から独立した設定なので、プリセットを変えても角丸は変わりません。",[19,212,213],{"id":213},"パーツの出現アニメーション",[15,215,216],{},"公開ページをスクロールして各パーツが画面に入ったとき、一度だけ再生されるアニメーションを設定できます。\n「フェードアップ」「フェード」「ズーム」「グリッチ」から選べます(初期値は「なし」)。",[48,218,219],{},[15,220,221],{},"端末で「視差効果を減らす」(モーションの軽減)を設定している閲覧者には再生されず、パーツは最初から表示されます。",[19,223,224],{"id":224},"カスタム背景",[15,226,227],{},"プリセットの背景の代わりに、自分で背景を指定できます。",[61,229,230,236,242],{},[64,231,232,235],{},[67,233,234],{},"単色"," … 好きな色(#rrggbb)をページ全体の背景にできます。文字色は読みやすいように自動で調整されます。",[64,237,238,241],{},[67,239,240],{},"画像"," … アップロードした画像を背景にできます。読みやすさのために、暗めの覆い(スクリム)と白文字で表示されます。",[64,243,244,247],{},[67,245,246],{},"動画"," … 短いループ動画を背景にできます(ライブ壁紙のようなイメージです)。",[48,249,250],{},[15,251,252],{},"カスタム背景を設定すると、見た目は1つに固定され、ライト\u002Fダークの切り替えは効かなくなります。",[89,254,255],{"id":255},"動画背景のポイント",[61,257,258,261,264],{},[64,259,260],{},"MP4 または WebM 形式で、無料プランでは1ファイル4MBまでです。10秒前後・720p程度の小さいファイルがおすすめです。",[64,262,263],{},"音は再生されません。",[64,265,266],{},"端末で「視差効果を減らす」(モーションの軽減)や省データモードを設定している閲覧者には、動画の代わりに先頭フレームの静止画が表示されます。",[19,268,269],{"id":269},"フォント",[15,271,272],{},"本文のフォントを「ゴシック」「丸ゴシック」「明朝」「ポップ」「手書き」から選べます。\nページの雰囲気に合わせて書体を変えてみてください。",[19,274,275],{"id":275},"文字サイズ",[15,277,278],{},"ページ全体の文字の大きさを「小」「標準」「大」から選べます(フォントタブの下にあります)。\n見出しも本文もまとめて拡大・縮小されるので、読みやすい大きさに整えてください。\n閲覧者のブラウザの文字サイズ設定はそのまま活きます(設定に倍率を掛けるだけです)。\n特定のパーツだけ大きさを変えたいときは、そのパーツの鉛筆ボタンから開く設定に「文字サイズ」があり、「ページに従う」「小」「標準」「大」を選べます。",[19,280,282],{"id":281},"アバターの枠フレーム","アバターの枠(フレーム)",[15,284,285],{},"アバター画像のまわりに飾り枠を付けられます。",[61,287,288,291],{},[64,289,290],{},"枠の種類は「なし」「細いリング」「太いリング」「二重リング」「グロー」から選べます。",[64,292,293],{},"枠の色は、アクセントカラーに合わせるか、好きな色を指定できます。",[19,295,296],{"id":296},"プレビューの配色",[15,298,299,300,303],{},"外観設定の「プレビューの配色」は、プレビューと編集中のパーツをライト\u002Fダークどちらの配色で表示するかの切替です。\n",[67,301,302],{},"公開ページ自体の初期配色は変わりません","。初期配色は、プリセット選択のライト\u002Fダークの段で決まります。",[144,305],{},[15,307,308,309,313],{},"設定した見た目は、プレビュータブで確認できます。\n基本操作は ",[150,310,312],{"href":311},"\u002Fhelp\u002Feditor-basics","エディターの基本"," を参照してください。",{"title":156,"searchDepth":157,"depth":157,"links":315},[316,317,318,319,320,323,324,325,326],{"id":193,"depth":157,"text":194},{"id":200,"depth":157,"text":201},{"id":207,"depth":157,"text":207},{"id":213,"depth":157,"text":213},{"id":224,"depth":157,"text":224,"children":321},[322],{"id":255,"depth":166,"text":255},{"id":269,"depth":157,"text":269},{"id":275,"depth":157,"text":275},{"id":281,"depth":157,"text":282},{"id":296,"depth":157,"text":296},"配色テーマ・ライト\u002Fダーク・背景・フォント・アバターの枠など、ページの外観を整える方法を紹介します。",{},"\u002Fhelp\u002Fappearance",{"title":183,"description":327},"help\u002Fappearance","3zcsLKGUbMbyBaEsIDX-P0bqblZLOH6sWo11OwYjuH0",{"id":334,"title":335,"body":336,"description":487,"extension":172,"meta":488,"navigation":174,"order":175,"path":489,"seo":490,"stem":491,"__hash__":492},"help\u002Fhelp\u002Fen\u002Fappearance.md","Customize your page's appearance",{"type":8,"value":337,"toc":474},[338,341,344,348,351,355,358,362,365,369,372,377,381,384,404,409,413,424,428,431,435,438,442,445,453,457,464,466],[11,339,335],{"id":340},"customize-your-pages-appearance",[15,342,343],{},"With thamit, you can style your page to match your vibe.\nOpen the appearance settings in the editor (the theme\u002Ffont drawer) and adjust everything on the spot, without leaving your work.",[19,345,347],{"id":346},"color-themes-presets","Color themes (presets)",[15,349,350],{},"Choose from a set of ready-made color presets.\nEach preset switches the base tones and accent color together, so it's the quickest way to change your page's impression.",[19,352,354],{"id":353},"light-dark","Light \u002F Dark",[15,356,357],{},"You can fix your page's brightness to \"Light\" or \"Dark\".\nVisitors to your public page can also switch between the two with a toggle on the page.",[19,359,361],{"id":360},"corner-radius","Corner radius",[15,363,364],{},"Choose how rounded your blocks and buttons look: \"Sharp\", \"Soft\", or \"Round\".\nCorner radius is a setting independent from the color presets, so changing the preset won't change your corners.",[19,366,368],{"id":367},"block-entrance-animations","Block entrance animations",[15,370,371],{},"You can set an animation that plays once as each block scrolls into view on your public page.\nChoose from \"Fade up\", \"Fade\", \"Zoom\", or \"Glitch\" (the default is \"None\").",[48,373,374],{},[15,375,376],{},"For visitors who have \"Reduce motion\" enabled on their device, the animation is skipped and blocks are shown from the start.",[19,378,380],{"id":379},"custom-backgrounds","Custom backgrounds",[15,382,383],{},"Instead of the preset background, you can set your own.",[61,385,386,392,398],{},[64,387,388,391],{},[67,389,390],{},"Solid color"," … Use any color (#rrggbb) as your page's background. Text colors are adjusted automatically for readability.",[64,393,394,397],{},[67,395,396],{},"Image"," … Use an uploaded image as the background. For readability, it's shown with a dark overlay (scrim) and white text.",[64,399,400,403],{},[67,401,402],{},"Video"," … Use a short looping video as the background — think of it as a live wallpaper.",[48,405,406],{},[15,407,408],{},"When a custom background is set, the page's look is fixed to a single version and the light\u002Fdark toggle no longer applies.",[89,410,412],{"id":411},"video-background-tips","Video background tips",[61,414,415,418,421],{},[64,416,417],{},"MP4 or WebM, up to 4MB per file on the free plan. A small file around 10 seconds at 720p works best.",[64,419,420],{},"No audio is played.",[64,422,423],{},"Visitors with \"Reduce motion\" or data-saver enabled on their device see a still image of the first frame instead of the video.",[19,425,427],{"id":426},"fonts","Fonts",[15,429,430],{},"Choose the body font from \"Gothic\" (sans-serif), \"Rounded gothic\", \"Mincho\" (serif), \"Pop\", or \"Handwritten\".\nTry a typeface that matches your page's mood.",[19,432,434],{"id":433},"text-size","Text size",[15,436,437],{},"Choose the overall text size of your page from \"Small\", \"Default\", or \"Large\" (below the font tab).\nHeadings and body text scale together, so pick whatever reads best.\nVisitors' browser text-size settings still apply (the choice only multiplies them).\nTo change the size for a single block, open that block's pencil menu: its \"Text size\" setting offers \"Follow page\", \"Small\", \"Default\", or \"Large\".",[19,439,441],{"id":440},"avatar-frames","Avatar frames",[15,443,444],{},"You can add a decorative frame around your avatar image.",[61,446,447,450],{},[64,448,449],{},"Frame styles: \"None\", \"Thin ring\", \"Bold ring\", \"Double ring\", or \"Glow\".",[64,451,452],{},"The frame color can follow your accent color, or be any color you pick.",[19,454,456],{"id":455},"preview-color-scheme","Preview color scheme",[15,458,459,460,463],{},"The \"Preview color scheme\" option in the appearance settings switches whether the preview and the blocks you are editing are shown in light or dark.\n",[67,461,462],{},"It does not change your public page's initial color scheme."," The initial scheme is determined by which row (light\u002Fdark) you pick when choosing a preset.",[144,465],{},[15,467,468,469,473],{},"You can check your styling in the preview tab.\nFor editor basics, see ",[150,470,472],{"href":471},"\u002Fhelp\u002Fen\u002Feditor-basics","Editor basics",".",{"title":156,"searchDepth":157,"depth":157,"links":475},[476,477,478,479,480,483,484,485,486],{"id":346,"depth":157,"text":347},{"id":353,"depth":157,"text":354},{"id":360,"depth":157,"text":361},{"id":367,"depth":157,"text":368},{"id":379,"depth":157,"text":380,"children":481},[482],{"id":411,"depth":166,"text":412},{"id":426,"depth":157,"text":427},{"id":433,"depth":157,"text":434},{"id":440,"depth":157,"text":441},{"id":455,"depth":157,"text":456},"How to style your page — color theme presets, light\u002Fdark, backgrounds, fonts, avatar frames, and more.",{},"\u002Fhelp\u002Fen\u002Fappearance",{"title":335,"description":487},"help\u002Fen\u002Fappearance","N1HZF2e2EfpiW5N_YM00OC_Cnjgoo_aqTkuI9JCmeEU",1791197358698]