02 · Color

DUAS PALETAS.
UMA MARCA.

A Inlaunch vive em dois mundos. A LP é cream sobre teal — energia bruta de esquadrão. O admin é black sobre green — premium editorial. Quem entende a regra, transita entre os dois sem quebrar.

LP Palette · cream + teal

Teal Inlaunch

#113D35

--teal-deep

Canvas principal da LP. Background hero e sections imersivas.

vs #0A0B07: 1.64 · failvs #F8FFE6: 11.73 · AAA

Teal Card

#0F3B2E

--teal-darker

Cards sobre LP, blockquote, selection. Variação 2 tons mais escura.

vs #0A0B07: 1.58 · failvs #F8FFE6: 12.13 · AAA

Verde Sinal

both

#08C27A

--green-accent

CTA primário, accent de palavras-chave, signal de progresso.

vs #0A0B07: 8.47 · AAAvs #F8FFE6: 2.27 · fail

Verde Hover

both

#06A968

--green-hover

Estado hover do CTA Verde Sinal. 8% mais escuro.

vs #0A0B07: 6.47 · AAvs #F8FFE6: 2.97 · fail

Creme Inlaunch

#F8FFE6

--cream

Texto principal sobre teal. Background de sections "luz" (Operações, Fundadores).

vs #0A0B07: 19.21 · AAAvs #F8FFE6: 1 · fail

Off-Black

#0A0B07

--off-black

Footer LP. Texto sobre cream. Toque de "preto orgânico" (não puro #000).

vs #0A0B07: 1 · failvs #F8FFE6: 19.21 · AAA

Admin Palette · black + green

Brand Black

admin

#0B0B0D

--brand-black

Canvas do admin/dashboard. Texto invertido em peças premium.

vs #0A0B07: 1 · failvs #F8FFE6: 19.14 · AAA

Graphite

admin

#14161A

--graphite

Surface cards no admin. Pre/code background.

vs #0A0B07: 1.09 · failvs #F8FFE6: 17.63 · AAA

Gray Border

admin

#1E1F24

--gray

Border/divider no admin. HR, table-borders.

vs #0A0B07: 1.2 · failvs #F8FFE6: 16.01 · AAA

Verde Profundo

admin

#0F3B2E

--green-deep

Quote borders, selection BG, sucessso muted.

vs #0A0B07: 1.58 · failvs #F8FFE6: 12.13 · AAA

Verde Base

admin

#123C34

--green-base

Hover de scrollbar, accent admin discreto.

vs #0A0B07: 1.62 · failvs #F8FFE6: 11.87 · AAA

White Soft

admin

#F5F5F5

--white

Texto principal admin. 96% L em vez de #FFF puro pra suavizar.

vs #0A0B07: 18.11 · AAAvs #F8FFE6: 1.06 · fail

Muted

admin

#9CA3AF

--muted

Texto secundário/legend admin. 60% contrast.

vs #0A0B07: 7.78 · AAAvs #F8FFE6: 2.47 · fail

Body Text

admin

#C8C8CC

--body-text

Body padrão prose admin. 78% L.

vs #0A0B07: 11.83 · AAAvs #F8FFE6: 1.62 · fail

Combinações & uso

QUE COR SOBRE QUE COR.

Teal + Creme
Hero LP padrão
✓ usar
Teal + Verde
Accent words em hero
✓ usar
Creme + Off-Black
Section luz (Operações)
✓ usar
Creme + Verde
Use só pra CTA, NÃO texto longo
! cuidado
Verde + Off-Black
CTA primário
✓ usar
Verde + Creme
EVITAR — baixo contraste
✗ evitar
Black + White
Admin body padrão
✓ usar
Black + Verde
Admin highlight, links
✓ usar

Token Export

COPIE. COLE. ENVIE.

{
  "lp": {
    "teal-deep":    "#113D35",
    "teal-darker":  "#0F3B2E",
    "green-accent": "#08C27A",
    "green-hover":  "#06A968",
    "cream":        "#F8FFE6",
    "off-black":    "#0A0B07"
  },
  "admin": {
    "brand-black":  "#0B0B0D",
    "graphite":     "#14161A",
    "gray":         "#1E1F24",
    "green-deep":   "#0F3B2E",
    "green-base":   "#123C34",
    "white":        "#F5F5F5",
    "muted":        "#9CA3AF"
  }
}

Baixar tokens.json

DUAS PALETAS.UMA MARCA.

QUE COR SOBRE QUE COR.

COPIE. COLE. ENVIE.

DUAS PALETAS.
UMA MARCA.