Designer Bader

Tokens de Bader.

Bader es una marca dental con identidad minimalista, higiénica y técnica. Confianza del verde oscuro, vitalidad del verde claro, higiene del blanco.

Ver Brand OS Baixar tokens JSON Trocar marca

bader-green-dark

#003841

bader-green-light

#70D44B

bader-white

#FFFFFF

bader-black

#000000

bader-mist

#F4F8F6

bader-sage-100

#DDEBE4

bader-sage-200

#B9D3CA

bader-green-action

#2F7D32

bader-green-light-50

#F1FBEF

bader-green-light-100

#DDF6D6

bader-green-light-200

#BFECA9

bader-green-light-300

#9CE27B

bader-green-light-400

#70D44B

bader-green-light-500

#54B334

bader-green-light-600

#3F8D29

bader-green-light-700

#316E25

bader-green-dark-50

#E8F1F0

bader-green-dark-100

#C5DBD9

bader-green-dark-200

#8FB5B2

bader-green-dark-300

#5D8F8B

bader-green-dark-400

#2D6967

bader-green-dark-500

#004D55

bader-green-dark-900

#003841

greenDark

#003841

greenDark

greenLight

#70D44B

greenLight

white

#FFFFFF

white

mist

#F4F8F6

mist

actionGreen

#2F7D32

actionGreen

Bader — Soluciones dentales

Bader Sans · 100px/104px · peso 400

Bader — Soluciones dentales

Helvetica Neue LT Pro · 65px/102px · peso 300

Bader — Soluciones dentales

Helvetica Neue LT Pro · 41px/63px · peso 400

Bader — Soluciones dentales

Helvetica Neue LT Pro · 25px/39px · peso 500

Bader — Soluciones dentales

Helvetica Neue LT Pro · 20px/30px · peso 700

body

Bader — Soluciones dentales

Helvetica Neue LT Pro · 18px/24px · peso 400 · tracking 1

small

Bader — Soluciones dentales

Helvetica Neue LT Pro · 11px/17px · peso 300

button

Bader — Soluciones dentales

Helvetica Neue LT Pro · 15px/24px · peso 400

Espaciado

xs · 4pxsm · 8pxmd · 16pxlg · 24pxxl · 40pxxxl · 64pxsection · 96px

Radius

none · 0pxsm · 6pxmd · 14pxlg · 28pxround · 999px

/* Bader CSS variables */

--bader-bader-green-dark: #003841;

--bader-bader-green-light: #70D44B;

--bader-bader-white: #FFFFFF;

--bader-bader-black: #000000;

--bader-bader-mist: #F4F8F6;

--bader-bader-sage-100: #DDEBE4;

--bader-bader-sage-200: #B9D3CA;

--bader-bader-green-action: #2F7D32;

--bader-bader-green-light-50: #F1FBEF;

--bader-bader-green-light-100: #DDF6D6;

--bader-bader-green-light-200: #BFECA9;

--bader-bader-green-light-300: #9CE27B;

--bader-bader-green-light-400: #70D44B;

--bader-bader-green-light-500: #54B334;

--bader-bader-green-light-600: #3F8D29;

--bader-bader-green-light-700: #316E25;

--bader-bader-green-dark-50: #E8F1F0;

--bader-bader-green-dark-100: #C5DBD9;

--bader-bader-green-dark-200: #8FB5B2;

--bader-bader-green-dark-300: #5D8F8B;

--bader-bader-green-dark-400: #2D6967;

--bader-bader-green-dark-500: #004D55;

--bader-bader-green-dark-900: #003841;

--bader-greenDark: #003841;

--bader-greenLight: #70D44B;

--bader-white: #FFFFFF;

--bader-mist: #F4F8F6;

--bader-actionGreen: #2F7D32;

--bader-font-display: Bader Sans;

--bader-font-body: Helvetica Neue LT Pro;

Tokens JSONBaixar

CSSBaixar

TailwindBaixar

Pack BaderBaixar