Amelise SquadV1.0 Dark Bloom Edition

TYPE SYSTEM

FONT FAMILIES · TYPE SCALE · HIERARCHY // 2026

Foundations / Typography4 Fonts2026
01FONT FAMILIES2026
Font Families
Logo & Script
Amelise

Mi Amor

Regular

Fonte manuscrita cursive exclusiva para o logo AMELISE. Trao fluido, romntico e artesanal. Uso restrito ao smbolo da marca.

Usage

Logo mark, wordmark, signature elements

UI & Body Text
Skincare para a Alma

Inter

400 · 500 · 600 · 700

Fonte principal da interface. Limpa, legvel, moderna. Usada em labels, body text, inputs e navegaes.

Usage

UI Components, body text, forms, navigation, labels

Editorial & Narrative
Skincare para a Alma

Cormorant Garamond

400 · 500 · 600 · 700

Fonte editorial para narrativa da marca. Sofisticada, orgnica, fluida. Headers, manifestos, copy emocional.

Usage

Headlines, manifestos, editorial copy, quotes

Code & Technical
--primary: #F3AEFB

Roboto Mono

400 · 500

Fonte monospace para elementos tcnicos: tokens, cdigos, specs. Preciso e clareza.

Usage

Code blocks, tokens, specs, technical labels

02TYPE SCALE2026
Type Scale — Hierarchy
Level
Size
Family
Weight
Usage
Display
clamp(3.5rem, 8vw, 7rem)
Cormorant Garamond
700
Hero headlines, page titles
H1
clamp(2.2rem, 5vw, 4rem)
Cormorant Garamond
700
Section headers
H2
clamp(1.5rem, 3vw, 2.5rem)
Cormorant Garamond
600
Sub-headers, card titles
H3
1.25rem (20px)
Inter
600
Component headers, labels
Body
1rem (16px)
Inter
400
Paragraphs, descriptions
Small
0.875rem (14px)
Inter
400
Captions, secondary text
Label
0.625rem (10px)
Inter
500
Tags, pills, metadata
Mono
0.5625rem (9px)
Roboto Mono
400
Tokens, code, specs
03GUIDELINES2026
Typography Guidelines
DO — Faa

Usar Cormorant para headlines narrativas

Manifestos, quotes, copy emocional da marca

Usar Inter para toda a UI

Buttons, inputs, labels, body, navigation

Usar Roboto Mono para tokens e cdigos

Specs tcnicas, design tokens, code blocks

Manter hierarquia clara

Display > H1 > H2 > H3 > Body > Small > Label

DON'T — No Faa

No usar serif em UI elements

Serif apenas para narrativa editorial

No misturar mais de 2 fontes na mesma tela

Inter + Cormorant ou Inter + Mono

No usar pesos extremos em Inter

Manter entre 400-700 para legibilidade

No usar Mono para texto corrido

Apenas para tokens, cdigo e specs