OneStak

Dark Design System

100% Dark Mode • Perplexity-Inspired • Minimalista

✨ Bem-vindo ao Design System

• Cores Hierárquicas: 5 níveis de backgrounds (deepest-first)

• Bordas Minimalistas: 0.5px-1px com opacidade sutil

• Icons Slim: Stroke de 1.5px, minimalistas (Lucide)

• Tipografia: Inter com 4 weights (400-700)

• Completo: Design tokens, Tailwind config, shadcn/ui customizado

Ver Style Guide →Ver Documentação

📁 Arquivos Criados

✓ design-system/DESIGN_TOKENS.md - Tokens completos

✓ design-system/SHADCN_COMPONENTS.md - Customização shadcn

✓ design-system/COMPONENT_EXAMPLES.md - 50+ exemplos

✓ design-system/PERPLEXITY_INSPIRED_LAYOUT.md - Layout moderno

✓ tailwind.config.ts - Config com tokens

✓ src/globals.css - Variáveis CSS3

🚀 Quick Start

1. Instalar shadcn/ui:

npx shadcn@latest init

2. Instalar componentes base:

npx shadcn@latest add button card input

3. Instalar icons:

npm install lucide-react

4. Rodar dev server:

npm run dev

OneStak Design System v1.1 • 2026-03-08

Perplexity-Inspired • 100% Dark Mode • Minimalista