BlockFrame
BlockFrame — Neobrutalist deck with pastel-neon color blocks and chunky black borders. Tipografia Space Grotesk. off-white background with neon pastel blocks (hot pink, sky blue, lime green, go. Ideal para creative agency pitch, indie SaaS launch, designer portfolio. Prompt pronto para IA generativa.
Uso: Pitch de agência criativa, Lançamento SaaS indie, Portfolio de designer, Redesign de marca, Deck de startup
Contexto Histórico
Neo-brutalismo gráfico dos anos 2020 — reação ao minimalismo genérico. Bordas pesadas, blocos de cor neon e tipografia poster em peso máximo. Influência de Figma Community e startups indie.
Quando Usar
BlockFrame works when your product refuses to take itself too seriously but still needs to function. Indie SaaS tools, creative platforms, Web3 projects that want to signal 'we're different' without resorting to dark-mode-everything. It's perfect for products where personality is a feature — where the interface itself communicates that this isn't another sterile enterprise dashboard. Avoid it for anything requiring gravitas: healthcare, finance, legal. The chunky borders and neon palette will fight you every step of the way if your users expect quiet professionalism.
Princípios de Design
- Borders are structural, not decorative — use consistent 2-4px solid strokes to define hierarchy, never as afterthought ornamentation
- Shadows are flat and offset, never blurred — hard drop shadows (4-8px) in a single direction create depth without faking three-dimensionality
- Color is bold but controlled — pair one pastel background with one neon accent maximum per component; restraint prevents carnival
- Typography is chunky and confident — heavy weights, tight tracking, generous size contrast between headings and body to match the weight of the borders
- Whitespace is generous inside, tight outside — pad interiors liberally but let components sit close together so the border grid reads as a cohesive system
Especificações Técnicas
Cores
Primárias
Secundárias
Efeitos
display font Space Grotesk for hero headlines, bold hover color shift (150ms), high-contrast active states, chunky 3px black borders, offset box-shadow brutalist cards, dense grid, compact 1.2rem gaps
Light/Dark
✓ Full / ✗ None
Relacionados
Última sincronização: 06/05/2026