Pular para o conteúdo
Livro de Regras
EntrarQuero o Livro

887 regras dentro da sua IA

Sua IA cria como um estúdio.

Páginas em minutos, sem cara de IA. Conecte o Livro de Regras e pare de passar a tarde corrigindo.

Livro de regras

Olá

Falta pouco para a sua IA seguir as regras.

Conecte sua IA

Gere a chave, cole o comando e ela passa a seguir as 887 regras.

Passo 1 de 3
  1. Gerar chave
  2. Colar na IA
  3. Testar

Consultas da sua IA

Cada vez que ela abre o livro, conta aqui.

Aguardando

Sua primeira consulta aparece aqui.

14 dias atrásHoje

Comece por estas

Regras

887 regras em 46 capítulos. Cada card abre o antes e depois.

Todas as seções
Todos os níveis
Todos os tipos
Hero65Header76FAQ23Preço e oferta69Depoimentos22CTA34Rodapé23Formulário84Botão93
Novas da 4.033
ListaGrade

Comece aqui

Princípios

Antes de cor, fonte ou componente, vem o critério. Estas regras decidem todas as outras quando houver dúvida: padrão acima de variedade, referência como inspiração e nenhum sinal de template.

Critério6Referência3Postura4
  • PRI-01Padrão acima de variedadeObrigatóriaDefina padrões e repita. Nenhum elemento existe numa página só (barra colorida, número gigante vazado, luz interna, borda colorida). Se o sistema tem três tamanhos de ícone, gap, padding ou raio, não invente um quarto.
  • PRI-02Nível de referênciaObrigatóriaNenhum aspecto amador ou erro bobo de UI. A régua de qualidade é a dos melhores produtos digitais e dos sites premiados, em qualquer direção de arte (DIR-01). Na direção Studio: escuro refinado, bordas translúcidas, degraus próximos, tipografia leve.
  • PRI-05Menos ornamento, mais bloco tonalPadrãoSepare por espaço e tom, não por traço. Sem réguas, cruzes de registro, marcadores de nível ou grades decorativas que não carregam informação.

Cor e tema

Uma cor de marca, um único neutro e degraus muito próximos entre si. A cor de destaque aparece pouco, e por isso chama atenção quando aparece.

Paleta e tema12Uso da cor9Texto e contraste9Estados e degraus3
  • COR-13Um destaque por seçãoObrigatóriaO 60-30-10 vale para o uso, não só para a cor. Cada seção tem no máximo um elemento destacado: a cor primária, o card primário ou a tipografia de destaque.
  • COR-06Texto nunca da cor do fundoObrigatóriaTodo bloco com tema próprio redefine a cor do texto, para nada ficar invisível.
  • COR-15Degradê pontualObrigatóriaDegradê só em destaque pontual. Degradê em todo card ou em toda seção dá cara de IA e de amador.

Botões e controles

Controles têm poucas alturas possíveis e todos os estados desenhados. O que fica lado a lado tem a mesma altura e a mesma forma.

Botões8Chips e abas5Toque e estados4Camadas e confirmação7
  • CTL-01Botão e campo com a mesma alturaObrigatóriaBotão e campo usam a mesma escala de altura no projeto inteiro. Nunca um campo de 48 ao lado de um botão de 40.
  • CTL-10Botão do tamanho do textoObrigatóriaBotão nunca fica esticado na largura do container no desktop: ele abraça o texto, com padding de 24 e altura de 40 ou 48. Campo de texto pode esticar; no celular vale RSP-05.
  • CTL-05Hover de botãoPadrãoNo hover o botão muda só fundo e borda. Seta ou ícone dentro de link ou card muda só a cor.

Conectar à sua IA

Gere a chave e ligue as ferramentas que você usa. Depois disso, elas consultam o livro sozinhas.

  1. 01

    Sua chave

    A chave liga as suas ferramentas às regras. Ela é pessoal, e uma só serve para todas.

  2. 02

    Ligar a IA

Novidades

O que entrou no livro e na plataforma, da versão mais nova para a mais antiga. Hoje são 887 regras na versão 4.0.

  1. 4.0Atual

    06/11/2026

    Projeto em 4 fases

    O projeto de cliente agora cabe em 4 fases: pesquisa e direção numa mensagem só, copy, layout com responsivo e publicação. Dois capítulos novos, Copy de site e Pesquisa e direção, regras de recorrência depois da entrega e o estagiário reorganizado nessas 4 fases.

    • Capítulo Pesquisa e direção (PES-01 a 14): briefing antes da busca, as quatro frentes, onde ouvir o público, mapa de concorrentes, fato com link, norte aprovado antes das referências, onde buscar referência, style guide que pede só a logo, 60-30-10, paradas de 50 a 950, estrutura tipográfica e arquivo do cliente organizado.
    • PES-14: do briefing ao style guide é um pedido só. A IA para apenas no ok do norte e na logo.
    • Capítulo Copy de site (CPS-01 a 15): teste dos 5 segundos, consciência do leitor, teste de troca, obrigação não é diferencial, seção é resposta, case conta história, copy aprovada antes do layout e afirmação com fonte.
    • CLI-03 a 06: recorrência combinada antes da entrega, plano mensal com escopo fechado, relatório do mês e contrato com prazo mínimo, reajuste e aviso para cancelar.

  2. 3.9

    06/11/2026

    Economia de tokens

    Um capítulo novo para gastar menos com a IA sem entregar pior, tirado de 30 dias de medição real, mais as lições da semana em vídeo, conteúdo e trabalho com IA. A conexão com a IA agora entrega as regras por grupo, para caber inteira na resposta.

    • Capítulo Economia de tokens (TOK-01 a 14): por que cada passo custa mais numa conversa longa, compactar perto de 200 mil, dizer o que o resumo guarda, salvar o estado a cada etapa, medir por script antes do print, ler só o trecho, arquivo fora da conversa, subagente para tarefa lateral, resposta de ferramenta enxuta, índice curto e medir antes de otimizar.
    • TOK-10: nenhuma economia troca qualidade. Filtro que esconde detalhe sai, e conferência e teste nunca são cortados.
    • VID-09 a 12: composição que muda a cada bloco, câmera viva sem cortar a tela, fundo real e caixa sem sombra, e a grade do Livro aplicada à edição de vídeo.
    • CNT-16 e 17: a identidade do post vem do asset real do nicho, dado vira visual e post de análise fecha com o parecer do autor.

Sugestões

Faltou uma regra ou alguma coisa pode melhorar? Sua mensagem vai direto para o Leonel.

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Gemini CLI
  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Gemini CLI
  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Gemini CLI
  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Gemini CLI

Toda IA sabe criar uma página. Poucas sabem o que não fazer. O Livro de Regras entrega a ela o critério de quem faz isso há mais de 12 anos.

Você pede. Ela segue as regras.

A conexão ensina a IA a abrir o livro sozinha, em todo projeto.

01

Você pede

Do jeito que já pede hoje. Sem prompt gigante e sem explicar tudo de novo.

02

Ela abre o livro

A IA busca sozinha as regras do projeto, antes de escrever a primeira linha.

03

Ela cria com critério

Hierarquia, espaço, contraste e copy saem das regras, não de um chute.

04

Ela confere antes de mostrar

O checklist passa nas obrigatórias. Você recebe a página pronta para o ajuste fino.

Sem prompt gigante

Claude Code

> Crie a landing page do Glad, um app de viagens

Vou consultar o Livro de Regras primeiro.

Abriu sozinha

livro-de-regras

  • regras_do_projetolanding
  • 376regras obrigatórias carregadas
  • buscar_regrashero
  • buscar_regrascards
Sem cara de IA
Landing page do Glad criada com o Livro de Regras
Aprovada

checklist_entrega

  • HER-01Hero em tela cheia
  • TXT-08Um CTA por área de visão
  • CTL-01Botão e campo com a mesma altura
  • A11-01Contraste mínimo
  • QA-01Ver em três telas

Pronta para você revisar

A mesma página, regra por regra.

  1. Rascunho

    O que sai de qualquer IA

    Antes

  2. Hierarquia

    O título manda na tela

    HER-05

  3. Espaço

    Cada bloco respira

    ESP-01

  4. Cor

    Um destaque só

    COR-13

  5. Botão

    Altura certa, ação clara

    CTL-01

  6. Produto

    A tela real aparece

    SEC-02
GladInspire-sePlanejeOrganizeViajeLista de espera

Sua viagem inteira em um lugar

Planeje sua viagem.
Organize tudo. Viaje melhor!

Ajudamos você a planejar sua viagem e montar o itinerário perfeito em um só lugar.

Entrar na lista de espera

Regras para cada tipo de projeto.

Sua IA abre só o capítulo do que você está criando.

  • 650 regras

    Landing page

    Hero, prova, oferta e botão na ordem que vende.

    • Hero9
    • Receitas16
    • Copy de site15

  • 691 regras

    Site

    Menu, páginas internas e rodapé que conversam entre si.

    • Navegação14
    • Seções15
    • Responsivo11

  • 691 regras

    E-commerce

    Vitrine, página de produto, carrinho e checkout.

    • Loja15
    • Imagens18
    • Formulários18

  • 652 regras

    Sistema e painel

    Telas de dados, tabelas, filtros e estados vazios.

    • Sistemas39
    • Tabelas4
    • Design system39

  • 652 regras

    Aplicativo

    Toque, navegação por abas e tela pequena de verdade.

    • Celular18
    • Movimento30
    • Sistemas39

  • 492 regras

    Figma

    Auto layout, variáveis e componentes prontos para o código.

    • Figma38
    • Design system39
    • Tipografia16

  • 75 regras

    Carrossel e post

    Capa que para o dedo e slide que se lê sem esforço.

    • Redes17
    • Copy23
    • Tipografia16

  • 74 regras

    Vídeo e YouTube

    Gancho, ritmo, legenda e capa que pede o clique.

    • Vídeo12
    • YouTube6
    • Motion18

  • 52 regras

    Copy e texto

    Título que diz o ganho e frase que cabe na linha.

    • Copy23
    • Copy de site15
    • Texto14

  • 124 regras

    Publicação

    Domínio, servidor, cache e conferência no ar.

    • Publicação29
    • Hospedagem14
    • Performance36

  • 83 regras

    SEO e busca com IA

    Google, ChatGPT e Perplexity achando a sua página.

    • SEO e GEO39
    • Performance36
    • Medição8

  • 104 regras

    Acessibilidade

    Contraste, teclado e leitor de tela, com a WCAG 2.2.

    • WCAG 2.286
    • Acessibilidade18
    • Cor33

Uma chave liga todas as suas IAs.

Gere a chave no sistema e cole na ferramenta que você já usa.

Trocou de IA? O livro vai junto.

Sua chave

lr_x7KpQ2

Uma chave serve para todas.

Pessoal, gerada em um clique e ligada às cinco ferramentas.

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Gemini CLI

  • Claude Code

    Anthropic

    claude mcp add

  • Codex

    OpenAI

    config.toml

  • Cursor

    Anysphere

    mcp.json

  • VS Code

    Microsoft

    MCP: Open User Configuration

  • Gemini CLI

    Google

    gemini mcp add

Um livro que não para de crescer.

Cada erro de projeto vira regra e chega na sua IA sozinha.

+33 na versão 4.0

887

11 versões em 14 dias

  • 482obrigatórias
  • 46capítulos
  • 86WCAG
3004506007509003893.04723.15353.25933.36243.46263.58283.68313.78323.88543.98874.0
3004506007509003.03.13.23.33.43.53.63.73.83.98874.0

Sites no ar com estas regras.

  • +300projetos entregues
  • +12anos de atuação

Esta página que você está lendo também foi feita com o Livro.

Uma tarde de retrabalho custa mais caro.

Pare de refazer o que a IA errou. Use esse tempo para viver.

Mensal

Para testar no seu ritmo.

R$47/mês

R$ 564 em 12 meses

  • Renova sozinho todo mês
  • Cancele quando quiser
  • Acesso enquanto assinar
Assinar o mensal

Anual

Economize R$ 240

Para quem cria toda semana.

R$ 27/mês

R$ 324 cobrados uma vez por ano

  • 12 meses pelo preço de 7
  • Renova sozinho a cada 12 meses
  • Cancele quando quiser
Assinar o anual

Vitalício

Paga uma vez e usa para sempre.

R$497uma vez

Pagamento único, em até 12x

  • Acesso enquanto o Livro existir
  • Toda atualização inclusa
  • Nada de renovação
Comprar o vitalício
  • Acesso imediato, liberado pela Hotmart
  • Garantia de 7 dias pela Hotmart
  • Pagamento seguro no cartão ou Pix
5.0+100 alunos avaliaram

Os três planos abrem o livro inteiro

  • 887 regrasBusca, filtros e antes e depois em cada uma.
  • 5 IAs conectadasUma chave só liga todas elas.
  • Checklist de entregaSua IA confere as obrigatórias antes de mostrar.
  • WCAG 2.2 inteiraOs 86 critérios, em português.
  • Regras novas inclusasO livro cresce e a sua IA recebe junto.
  • Nada para atualizarSempre a versão mais nova, na plataforma.

Um projeto paga o livro.

Mude o valor que você cobra e veja quanto um projeto cobre.

R$ 1.000

  • MensalR$ 47 por mês

    21 mesesde livro pagos por um projeto

    4,7% de um projeto por mês

  • AnualR$ 324 por ano

    3 anosde livro pagos por um projeto

    32,4% de um projeto por ano

  • VitalícioR$ 497 uma vez

    49,7%de um projeto paga para sempre

    49,7% de um projeto, uma vez

Conta simples: preço do plano dividido pelo valor de um projeto. Não é promessa de faturamento.

Pergunte ao Livro.

buscar_regras("o que é")

DUV-01Produto

O que é o Livro de Regras?

Um sistema on-line com as regras de design, copy, vídeo e código do Studio Responsivo. Você conecta à sua IA, e ela consulta as regras sozinha antes de criar.

Sua próxima página já começa com critério.

Quero o Livro