커스터마이즈

글꼴 하나, 색 다섯 개, 프리셋 열 개. 폼을 분명히 내 것으로 만들기에는 충분하고, 실수로 망가뜨리기에는 적은 양입니다.

커스터마이즈 열기

에디터에서 폼을 열고 상단 바의 커스터마이즈를 클릭하세요. 넓은 화면에서는 패널이 폼 오른쪽에 붙고, 휴대폰에서는 아래에서 시트로 올라옵니다. 폼 위쪽의 커버·로고 툴바에도 또 하나의 입구가 있습니다.

모든 변경은 눈앞의 폼에 곧바로 내려앉습니다. 편집 캔버스 자체가 테마를 입기 때문에, 겉모습을 미리 보는 것이 아니라 그 안에서 편집하는 셈입니다.

테마는 폼에 저장되며 나머지 편집과 함께 보관됩니다. 따로 저장할 단계는 없습니다.

글꼴

폼 하나에 글꼴 하나, 모두 열 가지입니다. 기하학적인 것, 중립적인 것, 편집 디자인풍, 세리프까지 있어 입사 지원서와 파티 초대장이 같은 목소리를 낼 필요가 없습니다.

  • Inter기본
  • Poppins
  • Outfit
  • Sora
  • Space Grotesk
  • DM Sans
  • Lora
  • Playfair Display
  • Bricolage Grotesque
  • Fraunces

패널에서는 각 이름이 그 글꼴로 그려지므로, 외워서가 아니라 보면서 고를 수 있습니다. 글꼴은 폼이 실제로 쓸 때만 내려받습니다.

다섯 가지 색

다섯 개의 값이 폼을 규정합니다. 아래 견본은 손대지 않은 폼이 처음에 갖는 색입니다.

색상칠하는 곳
배경폼 뒤의 페이지. 공개 링크에서도 임베드에서도 같습니다.
텍스트질문과 설명, 그리고 입력 중인 답변. 보조 텍스트는 이 색과 배경을 부드럽게 섞은 색입니다.
버튼제출 버튼과 다음 버튼의 채움색. 마우스를 올렸을 때와 눌렀을 때의 색조는 여기서 계산되므로, 검은 버튼도 흰 버튼도 손끝에 반응합니다.
버튼 텍스트그 버튼 위에 놓이는 글자.
강조색선택된 옵션, 포커스 링, 링크, 진행 표시 등 폼이 그리는 모든 강조.

색 고르기

견본을 클릭하면 색 선택기가 열립니다. 스펙트럼 안을 드래그하거나, 그 아래 칸에 여섯 자리 16진수 코드를 입력하세요. 어떤 16진수든 받아들이며, 반드시 골라야 하는 고정 팔레트는 없습니다.

Fillio가 대신 계산해 주는 것

직접 정하는 값은 그 다섯 개뿐이고 나머지는 모두 거기서 나옵니다. 입력 영역과 테두리, 플레이스홀더와 흐린 글자, 마우스를 올렸을 때의 막, 선택된 옵션 뒤의 채움색은 모두 배경·텍스트·강조색에서 섞여 나오므로 무엇을 고르든 같은 계열에 머뭅니다. 강조색 위에 놓이는 글자는 측정된 대비로 정해지고, 그래서 옅은 민트색 위에서도 짙은 남색 위에서도 라벨이 또렷하게 읽힙니다.

어두운 배경을 고르면 폼이 숫자 스테퍼, 날짜·시간 선택기, 스크롤바 같은 기본 컨트롤을 어두운 형태로 바꾸고, 입력 영역을 살짝 띄워 필드가 페이지에 묻히지 않게 합니다.

프리셋

완성된 조합 열 가지. 각각 글꼴과 다섯 가지 색을 한 번에 정하며 밝은 다섯, 어두운 다섯으로 나뉩니다. 결론이 아니라 출발점으로 쓰라고 만든 것입니다.

프리셋글꼴
MonoInter
MidnightSpace Grotesk
WarmDM Sans
MintOutfit
InkLora
ForestSora
MochaFraunces
SakuraDM Sans
IrisBricolage Grotesque
CitrusPoppins

지금 값과 일치하는 프리셋에는 패널에 표시가 붙습니다. 값을 하나라도 바꾸면 표시가 사라지고, 그때부터 테마는 프리셋의 것이 아니라 내 것이 됩니다.

테마가 나타나는 곳

테마는 폼을 따라다닙니다. 공개 링크와 에디터 캔버스, 미리 보기가 모두 그 테마로 그려지고, 여러 페이지 폼이라면 모든 페이지에 적용됩니다.

임베드도 포함됩니다. 임베드된 폼은 같은 글꼴과 색을 그대로 지니고, 임베드 페이지도 테마에서 배경색을 가져와 칠하므로 프레임이 먼저 하얗게 번쩍이지 않고 폼과 맞아떨어집니다.

커버와 로고 색도 테마에서 제안됩니다. 이미 놓아 둔 커버는 테마를 바꿔도 다시 칠해지지 않고, 처음 받은 색을 그대로 지킵니다.

어두운 폼은 그날 누군가가 연 어떤 것과도 달라 보이는 가장 빠른 방법이고, Midnight과 Forest가 바로 그것을 위해 만들어졌습니다. 강조색은 마지막에 정하세요. 응답자가 폼을 따라가며 실제로 좇는 색은 그 하나입니다.