참조 테마

🔗 CSS에 대해 자세히 알지 못하고 양식 스타일을 지정할 수 있습니다. 기본 테마 외에 AEM Forms 추가 기능 패키지를 설치하면 다음 테마를 얻을 수 있습니다.

  • 베릴
  • 경영진
  • Exec-Light
  • 자유
  • 울트라마린
  • Urbane
  • 미국 웹 디자인 표준
  • 조용한

각 주제에는 사용자에게 쾌적한 적응형 양식을 만드는 데 사용할 수 있는 고유하고 우아한 스타일이 포함되어 있습니다. 여기에는 패널, 텍스트 상자, 숫자 상자, 라디오 단추, 표 및 스위치와 같은 선택기에 대한 고유한 스타일이 포함되어 있습니다. 이러한 테마의 스타일은 요구 사항을 기반으로 합니다. 예를 들어, 특정 시나리오에서는 깨끗한 글꼴이 포함된 미니멀리즘 테마가 필요합니다. 자유 테마를 사용하면 그 모습을 달성할 수 있습니다.

참조 테마

이 패키지에 포함된 테마는 응답형이며, 이러한 테마의 스타일링은 모바일 및 데스크톱 디스플레이에 대해 정의됩니다. 다양한 장치의 최신 브라우저는 이러한 테마 중 하나로 적용된 양식을 간편하게 렌더링할 수 있습니다.

패키지 설치에 대한 자세한 내용은 패키지 작업 방법을 참조하십시오.

베릴

We.Gov의 적응형 양식에서 Beryl 테마는 배경 이미지, 투명도 및 큰 평면 아이콘 사용을 강조합니다. 아래 스크린샷에서는 Beryl 테마가 어떻게 생겼고 양식의 스타일을 어떻게 향상시킬 수 있는지 확인할 수 있습니다.

베릴 테마

경영진

Exec 테마는 솔리드 배경 채우기를 방지하여 양식 구성 요소를 강조합니다. 구성 요소를 선택하고 클릭하면 글꼴 색상이 변경됩니다. 기본 캔버스 테마와 비교하여 선택한 탭의 텍스트 글꼴 색상이 진한 파란색으로 변경됩니다. 탐색 및 제출 단추가 Beryl 테마와 어떻게 다른지 확인합니다.

실행 테마

실행 표시등

Exec Light 테마는 공백을 사용하여 원활한 경험을 만듭니다. [다음] 및 [제출] 단추에는 솔리드 채우기와 3D 그림자가 표시됩니다. 왼쪽의 선택한 탭에는 두 번 확인 표시 대신 화살표가 표시됩니다.

실행 밝은 테마

자유

자유의 테마는 가장 중요한 것을 강조하기 위해 미니멀리즘 방식을 사용합니다. 예를 들어 방문한 탭의 글꼴 색상이 녹색으로 바뀝니다. 줄이 있는 종이 기반 양식의 모양을 에뮬레이션하는 텍스트 상자의 아래쪽 윤곽만 볼 수 있습니다. 활성 텍스트 상자에는 검은색 아래쪽 윤곽선이 있고 다른 텍스트 상자는 연한 회색 아래쪽 윤곽선이 있습니다.

자유 주제

조용한

조용한 테마는 양식의 다른 구성 요소를 강조 표시하는 Tranquil 색상 구성표의 밝고 어두운 색조를 제공합니다. 예를 들어 라디오 단추, 패널 및 탭은 다른 녹색 음영률을 가져옵니다.

조용한 테마

울트라마린

Ultramarine 테마는 짙은 파란색 음영을 사용하여 탭, 패널, 텍스트 상자 및 단추와 같은 구성 요소를 강조 표시합니다.

초마린 테마

Urbane

도시 테마는 간결하고 기능적으로 형태를 강조한다. 양식에 Urbine 테마를 적용하면 구성 요소가 균일하고 있음을 알 수 있습니다. 패널은 얇은 윤곽선을 만들어 현대적인 모양을 만듭니다.

도시 테마

미국 웹 디자인 표준

U.S. Web Design Standard 테마는 Draft US Web Design Standard 사이트에 설명된 서체 및 스타일을 사용합니다. 웹 표준은 연방 정부 웹 사이트에서 일관된 웹 경험을 만드는 데 연방 조직에서 사용합니다.

미국 웹 디자인 표준 테마

이 페이지에서는