디자인 시스템 · 실시간

브랜드 가이드

여기 있는 모든 것은 사이트와 같은 토큰, 그리고 여러분이 내려받는 것과 같은 파일에서 그려집니다. 원본에서 값을 바꾸면 이 페이지도 함께 바뀝니다 — 오래된 버전이란 존재하지 않습니다. 아무 값이나 눌러 복사하세요.

심볼

내려받는 파일

PadsAmbiente

사이트가 그린 것

그리드가 곧 심볼입니다. 장식이 아닙니다. 십자가를 이루는 패드이며, 제품과 이 사이트의 레이아웃을 짜는 그 24개 조성 그리드와 같은 것입니다.

이렇게문맥이 이미 이름을 말하고 있다면 심볼만 단독으로 쓰세요.
이렇게어두운 배경 위에서는 파랑이나 흰색으로 칠하세요.
이렇게배경이 밝을 때는 밝은 배경용 버전을 쓰세요 — 그러라고 있는 것입니다.
절대 안 됨칸의 모서리 반경을 바꾸는 것 — 거의 정사각형입니다.
절대 안 됨워드마크의 두 단어를 한 줄에 넣는 것.
절대 안 됨작은 크기에서 보이게 하려고 외곽선 칸을 두껍게 하는 것 — 십자가만 담긴 작은 파일을 쓰세요.
절대 안 됨이 페이지의 팔레트를 벗어나 색을 바꾸는 것.

내려받기

벡터와 토큰에서 스크립트로 생성됩니다. 앱에는 심볼의 벡터가 없습니다 — 존재하는 것은 이것뿐이며, 그래서 모든 것이 여기서 나옵니다.

전체 키트아래의 모든 파일과 함께, 사용 규칙을 일반 텍스트로 담았습니다.832 KB

심볼

가로 조합

세로 조합

스토어 아이콘

ios 102420 KB PNG
maskable 1922 KB PNG
maskable 5128 KB PNG
play 51213 KB PNG

사용

여백사방으로 그리드 한 칸만큼. 심볼은 임의의 숫자가 아니라 자기 자신의 척도로 숨 쉽니다.25.4%

100px +< 100px

최소 크기100px 아래로 내려가면 외곽선 칸의 선이 1픽셀 미만이 되어 회색 덩어리로 뭉갭니다. 그 크기에서는 파일이 이미 십자가만 담고 있습니다 — 보완하려고 선을 두껍게 하지 마세요.

하지 말아야 할 것

절대 안 됨늘리거나 찌그러뜨리기
절대 안 됨회전시키기
절대 안 됨팔레트를 벗어난 색 변경
절대 안 됨대비가 없는 배경 위에 두기

색상

빌드 시점에 디자인 시스템 원본에서 직접 읽어옵니다 — 이 목록이 사이트와 어긋날 수 없습니다.

배경

텍스트

파랑 — 브랜드 컬러

조성 — 앱에서 물려받음

상태

타이포그래피

Fraunces

Display. 히어로, 제목, 인용 — 사람의 순간들.

Archivo

본문과 인터페이스. 본문, 내비게이션, 버튼.

IBM Plex Mono

기술용. 레이블, 데이터, 조성 표.

Poppins

워드마크. 브랜드 전용 — 앱의 서체입니다.

스케일

clamp()로 유동적입니다 — 글자 크기에는 브레이크포인트가 없습니다.

Aa--step-6홈 히어로
Aa--step-5페이지 제목
Aa--step-4섹션 제목
Aa--step-3소제목
Aa--step-2카드 이름
Aa--step-1리드 문장
Aa--step-0본문
Aa--step--1보조

반경, 그림자, 모션

디자인 시스템의 나머지, 같은 원본에서.

반경

그림자

모션

--dur-fast
--dur-base
--dur-slow
--ease-out

이메일 서명

“서명 복사”를 누르고 Gmail, Outlook, Proton의 서명란에 바로 붙여넣으세요 — 코드가 아니라 서식이 적용된 채로 붙습니다.

		이름 직책 · Pads Ambiente contato@padsambiente.com.br padsambiente.com
Crescimento do Reino Software e Tecnologia LTDA · CNPJ 65.301.296/0001-26

상표

“Pads Ambiente”와 그리드 심볼은 Crescimento do Reino Software e Tecnologia LTDA의 상표입니다. 이 페이지의 파일은 브랜드를 올바르게 쓰기 쉽도록 제공하는 것이며, 소유권을 넘기지 않습니다.

이렇게제품을 가리키기 위해 브랜드를 쓰는 것 — 기사, 튜토리얼, 리뷰, 수업, 연동에서.
이렇게이 페이지의 파일을 있는 그대로, 변형 없이 쓰는 것.
절대 안 됨존재하지 않는 제휴, 후원, 지지를 암시하는 것.
절대 안 됨다른 제품의 로고, 이름, 아이덴티티에 브랜드를 넣는 것.
절대 안 됨도메인, 앱 이름, 회사명에 브랜드를 쓰는 것.
절대 안 됨파일의 그래픽, 비율, 색을 바꾸는 것.

이 범위를 넘는 사용이나 판단이 어려울 때는 다음으로 연락하세요: contato@padsambiente.com.br