Copia una vez. Pégalo donde sea.
Colurus es tu portapapeles en la nube, con historial. Pega capturas, textos, links y código, y vuelve a copiarlos tal cual desde cualquier equipo. Ordénalos en moodboards y, cuando te sirva, sácalos como tokens o como un prompt.
Gratis para empezar · Entras con Google
export function Badge({ children }: { children: React.ReactNode }) {
return (
<span className="rounded-full bg-orange-500/10 px-2 py-0.5 text-xs text-orange-600">
{children}
</span>Copia una vez. Pégalo donde sea.
Cómo funciona
Un historial del portapapeles que no se olvida de nada.
Pega
Con la pestaña abierta, Ctrl + V. Capturas, textos, links, SVG o código: todo queda guardado en la nube.
Vuelve a copiarlo
Pasa el mouse por la tarjeta y cópiala: vuelve a tu portapapeles tal cual, en la laptop, en el trabajo o en el celular. Con un clic la ves en grande.
O sácalo como código
Si eres dev, abre una imagen y en la pestaña Código tienes su paleta en CSS, Tailwind o JSON. Y el tablero entero sale como un prompt para tu editor.
Para devs y vibe coders
Del moodboard a tu editor, en un paste.
Dentro de cada tablero, el botón “Convertir en prompt” junta todo el tablero en un solo prompt: lo que se ve en las capturas, los colores, el copy y los snippets. Lo pegas en Claude Code o Cursor y la IA construye con tu estilo, no con el de siempre.
- Las capturas descritas por la IA, con el texto que tienen
- Colores con su equivalente en Tailwind y un bloque @theme de Tailwind 4
- Tu código y tus SVG, tal cual los guardaste
Build the UI using the moodboard "Landing Director" as the visual reference.
## Reference screenshots
Described below; attach the screenshots to the chat if you need their exact look.
- Hero oscuro con botón naranja y círculos [landing, hero, naranja, oscuro]
## Color tokens
- #0f172a (closest Tailwind: slate-900)
- #f97316 (closest Tailwind: orange-500)
- #64748b (closest Tailwind: slate-500)
- #f8fafc (closest Tailwind: slate-50)
- #5e6ad2 (closest Tailwind: indigo-500)
```css
@theme {
--color-brand-100: #0f172a;
--color-brand-200: #f97316;
--color-brand-300: #64748b;
--color-brand-400: #f8fafc;
--color-brand-500: #5e6ad2;
}
```
## Copy and notes
- Copia una vez. Pégalo donde sea.
## Inspiration links
- Linear – Plan and build products: https://linear.app
## Code snippets to reuse
```css
.btn-glow {
background: linear-gradient(135deg, #f97316, #db2777);
border-radius: 9999px;
box-shadow: 0 10px 30px -10px rgb(249 115 22 / 0.6);
}
```
## SVG assets
```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l2.6 5.6 6.1.7-4.5 4.2 1.2 6L12 16.6 6.6 19.5l1.2-6L3.3 9.3l6.1-.7z"/></svg>
```Todo incluido
Hecho para lo que copias todos los días.
Un portapapeles en la nube
Todo lo que copias queda en tu historial. Lo que guardas en la laptop lo pegas en tu otro equipo. Se instala como app desde el navegador.
Encuéntralo sin organizar
La IA le pone tags y descripción. Busca “botón naranja” o “dashboard oscuro” y aparece.
La paleta, al instante
Cada imagen trae sus colores principales, sin repetidos, listos para copiar.
Lee el texto de tus capturas
El OCR corre en tu navegador. Busca una palabra que viste en una captura y aparece.
Tokens para tu proyecto
Exporta la paleta a Tailwind 4, Tailwind 3, variables CSS o JSON.
Tableros públicos
Comparte un link de solo lectura con tu equipo o tu cliente.
Tu próximo diseño empieza con un Ctrl + V.
Gratis para empezar. Entras con Google y pegas tu primera captura en segundos.