Cabeçalho do site
Fontes, cores, favicon, cor da barra do navegador e prévia de link. Copie para o site também o tokens.css (com a pasta assets/fontes, que ele usa) e os arquivos de assets/marca/favicon/ e assets/marca/og/.
<!-- Fontes da marca (licença aberta OFL) --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,400..700;1,400..700&family=Literata:ital,opsz,wght@0,7..72,400..700;1,7..72,400..700&display=swap"> <!-- Cores, escalas e modos por fase da marca (copie o arquivo para o site) --> <link rel="stylesheet" href="/tokens.css"> <!-- Ícone da aba, ícone do celular e cor da barra do navegador --> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png"> <link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png"> <link rel="apple-touch-icon" href="/favicon-180-apple-touch.png"> <meta name="theme-color" content="#63AF9C"> <!-- Prévia de link (WhatsApp, Instagram, Facebook, LinkedIn) --> <meta property="og:title" content="Ana Paula Costa · Nutricionista"> <meta property="og:description" content="Cada fase pede outro prato. Nutrição para gestação, pós-parto, 40+ e menopausa, com atendimento online."> <meta property="og:image" content="/og-image-1200x630.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:locale" content="pt_BR"> <meta name="twitter:card" content="summary_large_image">
