Scatterbrain
Scatterbrain — Post-it inspired: pastel sticky notes, Caveat handwriting, Shrikhand and Zilla Slab type stack. Tipografia Shrikhand. off-white paper with a full pastel sticky-note palette (yellow, blue, pink, gree. Ideal para brainstorm / workshop, creative agency credentials, design-thinking session. Prompt pronto para IA generativa.
Uso: Brainstorm / workshop, creative agency credentials, design-thinking session, ideation pitch, art-direction review
Contexto Histórico
Post-it board como metáfora visual para brainstorming e design thinking. Cards rotacionados, caligrafia Caveat, pastéis como sticky notes. Muito usado em workshops e agências criativas.
Quando Usar
Reach for Scatterbrain when the interface needs to communicate that nothing is final yet. Ideation dashboards, brainstorming canvases, creative briefs in draft mode, retrospective boards — anywhere rigidity would kill the vibe. It works beautifully for note-taking apps that want to feel more analog than digital, and for planning tools where the mess IS the method. Avoid it for anything requiring hierarchy or scanability at speed. This pattern trades efficiency for creative permission.
Princípios de Design
- Embrace controlled chaos — rotations should feel random but stay within a tight 2-5° range to avoid actual illegibility
- Caveat carries the personality; never substitute a geometric sans or the entire illusion collapses into a wireframe
- Overlap is information — cards that touch or stack imply relationship without needing explicit connectors or arrows
- Color should be Post-it-grade: saturated pastels, never pure white, never dark backgrounds that break the paper metaphor
- Resist the urge to snap-to-grid on interaction; if cards auto-align when dropped, you've killed the reason this pattern exists
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
display font Shrikhand for hero headlines, playful hover animations (scale 1.03, 200ms), bouncy click states, rotated post-it cards (±3–6deg), Caveat handwriting, pastel sticky-note palette, dense grid, compact 1.2rem gaps
Light/Dark
✓ Full / ✗ None
Relacionados
Última sincronização: 06/05/2026