Arraste as fotos
08:10 · de manhã
Conecte-se
de verdade
Descubra o que está acontecendo por perto.
No BeitKol, você encontra seus amigos, acompanha histórias e vive o melhor da sua comunidade. Tudo em um só lugar.
TELA REAL PENDENTE: mapa “por perto”
sua amiga interagiu
TELA REAL PENDENTE: story
12:30 · no intervalo
Poste,veja,converse,viva
16:45 · uma surpresa chega
Receba ou envie cápsulas
Uma voz, uma foto e uma frase guardadas para quem você gosta. Chega como surpresa, só abre quando a pessoa tocar.
Marcelo enviou uma cápsula
TELA REAL PENDENTE: stories
TELA REAL PENDENTE: posts
TELA REAL PENDENTE: clips
TELA REAL PENDENTE: lives
19:00 · tudo num lugar só
Um app completo pra você.
TELA REAL PENDENTE: perfil
22:00 · seu cantinho
Publique
e cresça
seu perfil
TELA REAL PENDENTE: edição 1
TELA REAL PENDENTE: edição 2
TELA REAL PENDENTE: edição 3
20:15 · capriche
Edite suas fotos
e vídeos
23:30 · a turma toda
Traga sua
turma
Compartilhe com seus amigos.
Design system · Etapa 1
Referência para o checkpoint. Será removida na publicação. Tokens, contraste, motion e estados do botão.
Cores (3 acentos fixos)
--ink #0F0F10
base e texto
base e texto
--paper #F4EFE6
fundo · superfície #FBF8F2
fundo · superfície #FBF8F2
--pink #FF0A9B
texto grande sobre creme (3,2:1) · 5,2:1 sobre preto
texto grande sobre creme (3,2:1) · 5,2:1 sobre preto
--yellow #FFC400
brilho e detalhe
brilho e detalhe
--violet #A04BFF
detalhe e degradê
detalhe e degradê
Tipografia
Display 800 · Plus Jakarta Sans
Corpo 17 px · Plus Jakarta Sans 400/500 · mínimo 16 px
Legenda · DM Mono · mínimo 14 px
Anotação manuscrita · Caveat
Motion
| Token | Valor | Uso |
|---|---|---|
| Easing | cubic-bezier(.22, 1, .36, 1) | toda animação com tempo |
| S / M / L | 180 / 450 / 900 ms | microinteração / revelação / cena |
| Mola | k 220 · c 24 · m 1 | cartões e stickers que pousam |
| Propriedades | transform, opacity | nada além |
Botão e placeholder
FOTO/TELA REAL PENDENTE