GitHub Copilot DevDays · Sistema de diseño + plantilla Slidev

Paleta

Extraída del uso real en las cajas de texto (frecuencia en el XML), no del theme1.xml — que solo trae colores de relleno de Office. Tema dark-only: negro puro y casi-negros con tinte frío, más los dos acentos de marca de Copilot.

#000000bg / base

#0C1116bg / elevated-1

#121613bg / elevated-2

#101411bg / elevated-3

#5EEC83green / brand ★

#8BF1A6green / soft

#BEFFD0green / mint

#08872Bgreen / deep

#D3FA36lime / pop

#B870FFpurple / AI ★

#C898FDpurple / soft

#26115Fpurple / ink

#3194FFblue / enlaces

#9EECFFcyan / detalle

#56CCC4teal

#8B949Etext / muted

--grad-green

--grad-ai

Halos y titulares «AI»
degradados sobre negro

Tipografía

El tema declara Arial/Segoe UI, pero el uso real es la pila de GitHub: Mona Sans (open-source, SIL OFL) para titulares y cuerpo, Mona Sans Mono para código. Pocos niveles y tamaños grandes. Escala detectada (pt → px @96dpi):

80px · 60ptUna idea por slide

52px · 36–40ptH1 · título de diapositiva

32px · 24ptH2 · subtítulo de sección

21px · 16ptBody grande · el caballo de batalla del deck CLI

16px · 12–14ptBody · texto de apoyo y captions

13px · 10ptMicro · etiquetas, fuentes, paginación

monoconst accent = '#5EEC83' // Mona Sans Mono

Plantilla Slidev

Implementación funcional del sistema de diseño: 6 layouts, tokens CSS, fuentes self-hosted y 7 slides de ejemplo. Ratio 16:9 (1280×720).

cover

Titular grande + halo degradado + kicker en lima.

section

Separador de capítulo con número gigante.

two-cols

Texto + captura de producto sobre panel elevado.

code

Bloque de código con caption de archivo en mono.

roadmap

Tarjetas numeradas reveladas con v-click.

quote

Statement slide de texto a pantalla completa.

# clonar y arrancar
git clone https://github.com/ghspain/devdays-design-system.git
cd devdays-design-system/slidev-template
npm install
npm run dev      # localhost:3030

# slides.md → slot sugar de Slidev v51 (ya no existe el fragmento "--")
---
layout: cover
---
# GitHub Copilot DevDays
::second::
Una idea por slide.
::second::

⚠️ Slidev v51 reescribió el sistema de fragments: usa marcadores de slot ::nombre:: (una línea completa) o <v-click>. El -- clásico se renderiza como texto literal. Detalle en slidev-template/README.md.

Decks y PDFs

Conversión a PDF con LibreOffice headless (Docker under WSL2). Enlace al PDF alojado en el repo y descarga original del .pptx.

Deck	Slides	PDF (este repo)	.pptx original (fijado)
copilot-CLI	22	ver PDF	descargar
copilot-app-english	17	ver PDF	descargar
copilot-app-spanish	16	ver PDF	descargar

Fuente y atribución

Todo el material derivado procede del repositorio público github/dev-days (licencia MIT) de GitHub. Como el origen puede publicar más releases, se fija la versión exacta utilizada.

📌 Versión fijada

Repositorio	github/dev-days
Release tag	2026-07-30
Release ID	362731584
Publicada	2026-07-31T16:08:05Z
Commit de la rama	main (sin SHA fijado por el tag)
Licencia original	MIT

Assets concretos de esa release de los que se derivaron PDFs, previews y análisis (los 7 del release, aquí solo 3):

Asset	Tamaño	URL de descarga inmutable
copilot-CLI.pptx	7.94 MB	releases/download/2026-07-30/copilot-CLI.pptx
copilot-app-english.pptx	38.72 MB	…/copilot-app-english.pptx
copilot-app-spanish.pptx	38.32 MB	…/copilot-app-spanish.pptx

La tipografía Mona Sans incluida en la plantilla pertenece a github/mona-sans (SIL Open Font License). Los media de copilot-app-spanish.pptx son byte-idénticos a los de la versión inglesa, por lo que no se duplican en el repositorio.

El sistema de diseño de
GitHub Copilot DevDays