# sMark Midia — Ideias de Design

## Contexto
Agência de marketing, media, gráfica e gestão de talentos. Cores da marca: #310889 (roxo profundo), #ffbd59 (amarelo dourado), #ff8e53 (laranja vibrante), branco.

---

<response>
<text>

## Ideia A — "Bold Agency" (Agência Ousada)

**Design Movement:** Brutalismo Editorial Moderno — tipografia dominante, contraste extremo, composições assimétricas.

**Core Principles:**
- Tipografia como elemento visual principal
- Contraste máximo entre fundo escuro e acentos vibrantes
- Assimetria intencional que comunica criatividade e disrupção
- Espaços negativos amplos que dão respiração ao conteúdo

**Color Philosophy:**
- Fundo principal: #310889 (roxo profundo) — transmite autoridade, criatividade e profissionalismo premium
- Acento primário: #ffbd59 (amarelo dourado) — energia, otimismo, destaque de CTAs
- Acento secundário: #ff8e53 (laranja) — calor, dinamismo, gradientes de transição
- Branco puro para texto e espaços de respiro

**Layout Paradigm:**
- Hero com texto gigante que ocupa 80% do ecrã
- Secções alternadas: fundo roxo escuro / fundo branco com acentos coloridos
- Cards de serviços em grid assimétrico (2+1, 1+2)
- Navegação horizontal fixa com logo à esquerda e links à direita

**Signature Elements:**
- Linhas diagonais e cortes angulares entre secções
- Números grandes (01, 02, 03) como decoração de secções
- Gradiente roxo→laranja em elementos de destaque

**Interaction Philosophy:**
- Hover nos cards: elevação com sombra colorida
- Links de navegação com underline animado em amarelo
- Botões com efeito de preenchimento ao hover

**Animation:**
- Entrada de texto com fade-up suave (0.3s ease-out)
- Parallax subtil no hero
- Transições de página com fade

**Typography System:**
- Display: Bebas Neue (títulos grandes, impacto visual)
- Body: DM Sans (legibilidade, modernidade)
- Hierarquia: 72px display / 36px h2 / 20px h3 / 16px body

</text>
<probability>0.08</probability>
</response>

---

<response>
<text>

## Ideia B — "Luxury Creative Studio" (Estúdio Criativo de Luxo) ← ESCOLHIDA

**Design Movement:** Minimalismo Sofisticado com Acentos Vibrantes — elegância premium com momentos de energia criativa.

**Core Principles:**
- Elegância contida que explode em momentos de cor
- Tipografia refinada com pesos contrastantes
- Espaçamento generoso que comunica qualidade
- Gradientes suaves que transitam entre as cores da marca

**Color Philosophy:**
- Fundo principal: branco limpo — sofisticação, clareza, espaço para o conteúdo respirar
- Primário: #310889 — autoridade, criatividade premium, profissionalismo
- Acento quente: gradiente #ffbd59 → #ff8e53 — energia criativa, CTAs, destaques
- Texto principal: quase-preto (#1a1a2e) para suavidade visual

**Layout Paradigm:**
- Hero com split-screen: texto à esquerda, visual à direita
- Secções com fundo alternado: branco / roxo profundo
- Cards de serviços com borda superior colorida (accent)
- Navegação com fundo transparente que transita para branco ao scroll

**Signature Elements:**
- Gradiente #ffbd59→#ff8e53 em botões, bordas e destaques
- Formas geométricas abstratas (círculos, linhas) como decoração de fundo
- Secção com fundo roxo escuro para contraste dramático

**Interaction Philosophy:**
- Hover suave com transformação de escala (1.02)
- Botões com gradiente animado ao hover
- Cards com sombra colorida ao hover

**Animation:**
- Scroll reveal com fade-up (framer-motion)
- Contador animado de estatísticas
- Gradiente animado no hero

**Typography System:**
- Display: Playfair Display (elegância, autoridade editorial)
- Body: Inter (clareza, modernidade)
- Hierarquia: 64px display / 40px h2 / 24px h3 / 16px body

</text>
<probability>0.09</probability>
</response>

---

<response>
<text>

## Ideia C — "Dynamic Motion Agency" (Agência de Movimento Dinâmico)

**Design Movement:** Neo-Futurismo com Gradientes Vibrantes — interfaces que parecem vivas e em movimento constante.

**Core Principles:**
- Movimento como linguagem de design
- Gradientes complexos como superfícies principais
- Tipografia variável e expressiva
- Camadas de profundidade com glassmorphism

**Color Philosophy:**
- Fundo: gradiente diagonal #310889 → #1a0550 (roxo profundo para quase-preto)
- Superfícies: glassmorphism com backdrop-blur
- Acentos: #ffbd59 e #ff8e53 em elementos interativos e highlights
- Texto: branco e branco/70 para hierarquia

**Layout Paradigm:**
- Hero full-screen com partículas animadas
- Cards com efeito de vidro sobre fundo gradiente
- Secções com formas orgânicas e blob shapes
- Navegação com efeito de vidro

**Signature Elements:**
- Blob shapes animados no fundo
- Cards glassmorphism com borda luminosa
- Texto com gradiente #ffbd59→#ff8e53

**Interaction Philosophy:**
- Cursor personalizado
- Parallax em múltiplas camadas
- Micro-animações em todos os elementos interativos

**Animation:**
- Blobs de fundo em movimento lento contínuo
- Entrada de elementos com spring physics
- Transições de rota com slide

**Typography System:**
- Display: Space Grotesk (futurista, técnico)
- Body: Syne (moderno, distinto)
- Hierarquia: 80px display / 42px h2 / 22px h3 / 16px body

</text>
<probability>0.07</probability>
</response>

---

## Decisão Final

**Escolhida: Ideia B — "Luxury Creative Studio"**

Esta abordagem equilibra profissionalismo e criatividade, adequada para uma agência que serve clientes empresariais mas que também precisa de comunicar energia criativa. O minimalismo sofisticado com acentos vibrantes transmite confiança e qualidade premium.