Designloop

Designloop

Sistema de diseño de Designloop: landing y portal de clientes. Partner de diseño para fundadores obsesionados y equipos ambiciosos.

Fundamentos

Reglas de criterio que dan forma a todo lo demás: tipografía, color, maquetación, movimiento, voz, ilustración.

6Tokens

Valores con nombre que salen del código de producción: color, tipo, espacio, radios, sombras y movimiento.

6Componentes

Piezas reutilizables. Cada una enlaza con su código en producción y muestra su recreación exacta.

9Patrones

Composiciones de componentes que resuelven un problema concreto: secciones, pantallas y flujos.

7Iniciativas

Trabajo en curso que todavía no está en producción. Agrupa las piezas nuevas hasta que se publican.

11

Enlace con producción

10/26fichas sincronizadas
16cambiaron en producción
8/280clases de Landing documentados
7/32tokens de Landing documentados
27/28tokens de Portal de clientes documentados

Producción en el commit 455e861 (2026-10-13). Último sync: 2026-10-13 07:54 UTC.

Clases de Landing sin ficha (272)
.about.about-body.about-cols.about-label.actions.ai-bar.ai-btn.ai-caret.ai-code.ai-code-block.ai-done.ai-editor.ai-icon.ai-line.ai-lint.ai-preview.ai-preview-label.ai-prompt.avatar.b-n.benefits.bg-angle.bg-axis.bg-chord.bg-circle.bg-l.bg-label.bg-r.booking-close.booking-dialog.booking-fallback.booking-frame.booking-header.brand-art.brand-colours.brand-guides.brand-lockup.brand-mark.brand-name.brand-pen.bubble.bud.c-a.c-n.c-p.c-s.c-t.call-sheet.cap-card.cap-fill.cap-head.cap-lanes.cap-limit.cap-meter.cap-num.cap-over.cap-task.cap-who.card.caret.chapter.chapter-media.chapter-text.chat.chat-head.chat-live.chat-reply.chat-review.chat-status.checklist.confetti.cursor.deck-keys.deck-slide.display.dk-bars.dk-count.dk-growth.dk-key.dk-label.dk-mark.dk-num.dk-num-value.dk-page.dk-progress.dk-roll.dk-round.dk-word.evo-btn.evo-canvas.evo-cap.evo-count.faq-sheet.fb-item.fb-lang.fb-legal.fb-top.fix.footer.footer-bar.grip.has-risen.hero.hero-art.hero-body.hero-canvas.hero-handles.hero-lede.hero-lines.hero-title.hero-tool.hero-tools.hh-dot.hh-ghost.hh-hit.hh-line.hh-pivot.hh-ring.hh-ring-hit.hl.hl-bottom.hl-left.hl-right.hl-top.hw.is-active.is-before.is-current.is-deep.is-dragging.is-ghost.is-inview.is-leaving.is-line.is-live.is-measured.is-mono.is-moved.is-new.is-on.is-over.is-primary.is-rising.is-secondary.is-seen.is-shown.is-signal.is-small.is-studio.is-typing.is-upper.js.leaf.leaf-l.leaf-r.meta.meta-bl.meta-br.meta-tl.meta-tr.mono-text.msg.msg-body.msg-name.msg-studio.msg-you.mvp-button.mvp-button-label.mvp-card.mvp-chars.mvp-count.mvp-cursor.mvp-done.mvp-input.mvp-label.mvp-progress.mvp-roll.mvp-slug.mvp-spin.mvp-title.mvp-top.mvp-valid.mvp-value.pen-handles.pen-outline.pill.pill-accent.pill-light.plate.plate-agent.plate-brand.plate-chat.plate-deck.plate-evolve.plate-flow.plate-hero.plate-mvp.plate-plus.plate-queue.plate-sub.plate-system.price.price-unit.prompt.prompt-bar.prompt-hint.prompt-sheet.pulse.q-files.q-meta.q-n.q-status.q-text.q-top.queue.queue-add.queue-demo.report.scene.sheet.sheet-title.skip-link.stem.step-body.step-n.step-title.steps.sub.sub-btn.sub-bubble.sub-call.sub-card.sub-head.sub-line.sub-price.sub-row.sub-rule.sub-tool.sub-tools.svg-defs.sys-gap.sys-knob.sys-leader-motion.sys-leaders.sys-note.sys-note-color.sys-note-motion.sys-note-radius.sys-pill.sys-states.sys-swap.sys-toggle.tb-link.tb-nav.tok.topbar.typing.visually-hidden.w.was.wk-card.wk-check.wk-feed.wk-head.wk-icon.wk-pie.wk-prio.wk-ring.wk-roll.wk-status.wk-title.wk-tool

Para agentes

design.md

Reglas, API de clases, tokens y estados en un solo archivo. Es el punto de entrada.

llms.txt

Índice de todas las fichas en Markdown, de todos los sistemas.

registry.json

Datos estructurados: estado, plataformas, fuentes y huellas de cada ficha.

Cada página tiene su versión .md en la misma ruta. Prompt base:

prompt
Trabaja con el sistema de diseño Designloop. Lee primero /designloop/design.md y /llms.txt. Usa solo lo que esté «En producción» salvo que te pida lo contrario. Si algo no está documentado, no lo inventes: dilo.

Añadidos recientemente