O estilo inteiro num arquivo

Design Systems

Escolha um estilo, copie para a sua IA, e todas as telas do seu site saem com as mesmas cores, fontes e componentes.

⌘K

Estilo Apple

Inspirado na Apple

A galeria branca: o produto no centro, a tipografia preta e compacta, e um azul só para os links e os botões.

Inspirado na Wise

Verde-floresta com um limão elétrico: títulos enormes em caixa alta, tudo em pílula e nenhuma sombra.

Inspirado no Cursor

Um ateliê em papel creme: títulos leves, tinta quase preta, cantos de 4 px e uma brasa laranja só nos links.

Inspirado na Duna

Um documento calmo em papel quente: quase sem cor, letras grandes e apertadas, e uma única pintura de pôr do sol no topo.

Inspirado no Linear

Um painel de comando à meia-noite: quase preto, letras brancas e precisas, e um verde-limão elétrico só no botão principal.

Inspirado no Notion

O caderno de papel quente: fundo creme, cartões brancos com fio fino e cores vivas só em pílulas e blocos de destaque.

Inspirado na Vercel

O terminal impresso em papel: preto, branco e cinza, títulos grandes e leves e etiquetas pequenas em letra de terminal.

Inspirado no Duolingo

O livro de histórias: papel branco, títulos redondos em verde e botões que parecem adesivos colados na página.

Inspirado na Anthropic

O caderno de pesquisa: pergaminho marfim, títulos e textos em serifa, e um terracota só na ação que importa.