Horizontev1.0

O sistema visual da Costa Software. Papel, tinta e um único azul: a linha onde o mar encontra a costa, que também é o símbolo da marca.

01 · Cor

Paper

#F3F2EE · fundo

Paper 2

#E9E8E2 · seções

Line

#D6D4CD · divisórias

Muted

#6B6D70 · metadata

Ink

#0D0E10 · texto, dark

Horizonte

oklch(.52 .21 262)

CriatividadeGrowthFinançasDeveloperComunicaçãoUtilidadesA definirCategorias: mesmo L/C (0.62 / 0.14), matiz variável. Uso restrito a pontos de 7–8px.

02 · Tipografia

Display · 800Em série.

H2 · 700 · 56Como pensamos

H3 · 700 · 24Nome de produto

Body · 400 · 17Hanken Grotesk para leitura: aberta, neutra e legível em telas pequenas.

Mono · 11CS-01 · Live · 2026.09

03 · Espaço, raio, sombra

2 · botão

4 · card

999 · chip

s0 · repouso

s1 · hover

s2 · overlay

04 · Componentes

Primário →Secundário DestaqueDesabilitadoLink de texto →

ConceptBuildingBetaLiveArchivedIA

Input

Com erroInforme um e-mail válido.

05 · Layout e movimento

Container: 1320px · padding 20–48px
Mobile: < 760px · menu tela cheia
Tablet: 760–1079px · índice colapsado
Desktop: ≥ 1080px · mega-menu
Grids: auto-fill · minmax(260–320px)

Curva: cubic-bezier(.2,.7,.2,1)
Micro: 200ms · cor, borda
Elevação: 300ms · translateY −4px
Página: 380ms · fade + 8px
Reduced motion: todas desativadas

06 · Conteúdo e SEO

Product {
  slug        "musicagpt"
  code        "CS-01"
  name        string
  tagline     string
  description string
  category    Category.id
  ai          boolean
  status      Concept|Building|
              Beta|Live|Archived
  featured    boolean
  url         string | null
  logo, screenshots[]
  features[]  { title, text }
  steps[], useCases[], faq[]
  tech[]      [key, value]
}

/products/[slug]: SoftwareApplication
/blog/[slug]: BlogPosting
/about: Organization
Todas: BreadcrumbList · canonical · OG
Gerados: sitemap.xml · robots.txt · llms.txt

Sitemap, índice, links relacionados e JSON-LD derivam do mesmo registro de produtos. Adicionar um item ao registro publica a página.