mesh-avatar-studio
Turn one illustration into an animated 2D mesh avatar with a coding agent and a local editor
Constela é o design system da Novah Care: tokens, CSS, temas e marca para todos os produtos.
Translation pending
DesignJavaScript · CSSGitHub @Novah-CareOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Constela é o design system da Novah Care. Um único arquivo de tokens gera as variáveis CSS, a configuração do Tailwind CSS v4, o adaptador para shadcn/ui, o tema do Material UI, as fontes e o kit de marca usados nos produtos da empresa.
Translation pending
Loading the full README.
Read the full README ↗Constela é o design system da Novah Care. Um único arquivo de tokens gera as variáveis CSS, a configuração do Tailwind CSS v4, o adaptador para shadcn/ui, o tema do Material UI, as fontes e o kit de marca usados nos produtos da empresa.
Documentação: https://constela.novah.care/
npm install @novah-care/constela
@import 'tailwindcss';
@import '@novah-care/constela/tailwind.css';
/* depois das variáveis do shadcn/ui */
@import '@novah-care/constela/shadcn.css';
import { createNovahTheme } from '@novah-care/constela/mui';
import '@novah-care/constela/fonts.css';
const theme = createNovahTheme('light'); // ou 'dark'
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@novah-care/[email protected]/dist/index.css">
<button class="nc-btn nc-btn--primary">Agendar exame</button>
| Caminho | Conteúdo |
|---|---|
@novah-care/constela/index.css | Fontes, tokens e componentes para HTML puro |
@novah-care/constela/tokens.css | Variáveis CSS, tema claro e escuro (.dark ou [data-theme="dark"]) |
@novah-care/constela/tokens-auto.css | Igual, seguindo também a preferência do sistema |
@novah-care/constela/tailwind.css | @theme do Tailwind v4 com as escalas da marca e as classes de papel |
@novah-care/constela/shadcn.css | Variáveis do shadcn/ui apontando para os tokens |
@novah-care/constela/components.css | Classes nc-*: botão, campo, card, badge de status, tabela, sidebar |
@novah-care/constela/editorial.css | Padrão de leitura para artigos longos |
@novah-care/constela/mui | createNovahTheme, getNovahThemeOptions, novahColors |
@novah-care/constela | Tokens em JavaScript: tokens, color(), cssVar(), chartColors() |
@novah-care/constela/tokens.json | Fonte da verdade |
@novah-care/constela/fonts/* | Plus Jakarta Sans, DM Sans e Source Serif 4 (OFL) |
@novah-care/constela/brand/* | Logotipos e favicons |
npm install
npm run check # gera dist/, roda os testes e gera o site em site/
Tudo sai de tokens/tokens.json. Veja Contribuindo.