Login and Home
This commit is contained in:
@@ -14,12 +14,11 @@ Este arquivo deve ser usado como **prompt base canônico** para qualquer IA, des
|
||||
|
||||
```ts
|
||||
colors: {
|
||||
primary: "#8CFF2E", // ação principal, CTAs, destaque
|
||||
secondary: "#388E3C", // ações secundárias, títulos
|
||||
primary: "#388E3C", // ação principal, CTAs, destaque
|
||||
backgroundLight: "#F7F8F5",
|
||||
backgroundDark: "#18230F",
|
||||
textPrimary: "#333333",
|
||||
textInverse: "#FFFFFF"
|
||||
textPrimary: "#FFFFFF",
|
||||
textInverse: "#333333"
|
||||
}
|
||||
```
|
||||
|
||||
@@ -31,21 +30,6 @@ Uso:
|
||||
|
||||
---
|
||||
|
||||
### 1.2 🌙 Dark Theme
|
||||
|
||||
Dark mode nativo, não invertido.
|
||||
|
||||
```ts
|
||||
dark: {
|
||||
background: "#18230F",
|
||||
surface: "rgba(255,255,255,0.05)",
|
||||
textPrimary: "#FFFFFF",
|
||||
textSecondary: "#A3A3A3",
|
||||
primary: "#8CFF2E",
|
||||
secondary: "#388E3C"
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 1.3 🔤 Tipografia
|
||||
@@ -70,7 +54,7 @@ typography: {
|
||||
body: {
|
||||
size: "16px",
|
||||
weight: 400,
|
||||
lineHeight: "1.6"
|
||||
lineHeight: "0"
|
||||
},
|
||||
|
||||
button: {
|
||||
@@ -195,30 +179,3 @@ Icon {
|
||||
active?: boolean
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. IMPLEMENTAÇÃO (TAILWIND-FIRST)
|
||||
|
||||
### 3.1 Tokens no Tailwind
|
||||
|
||||
```ts
|
||||
theme.extend.colors = {
|
||||
primary: "#8CFF2E",
|
||||
secondary: "#388E3C",
|
||||
backgroundLight: "#F7F8F5",
|
||||
backgroundDark: "#18230F",
|
||||
typographyDark: "#333333"
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 4. PRINCÍPIOS DO SISTEMA
|
||||
|
||||
- Mobile-first
|
||||
- Tailwind-first
|
||||
- Dark mode por classe
|
||||
- Tokens semânticos
|
||||
- UI energética e saudável
|
||||
- Feedback visual imediato
|
||||
|
||||
Reference in New Issue
Block a user