Artefact UI

Blog

Documentación

About

Playground

Apariencia

ClaroOscuroSistema

Paleta de coloresGris

Azul

Verde

Rojo

Naranja

Morado

Cian

Ámbar

Editar

Menú

Blog

Documentación

About

Playground

Apariencia

ClaroOscuroSistema

Paleta de coloresGris

Azul

Verde

Rojo

Naranja

Morado

Cian

Ámbar

Editar

Introducción Primeros Pasos Arquitectura Hidratación Constructor de Páginas CMS Estilos y Temas

AbsoluteCenter Centrado Absoluto Fieldset Conjunto de Campos Grid Cuadrícula Group Grupo Layout Diseño Splitter Divisor Stack Pila

Code Código Heading Encabezado Text Texto

Anchor Enlace Breadcrumb Migas de Pan Tabs Pestañas

Alert Alerta Badge Insignia Loader Cargador Progress Progreso Skeleton Esqueleto Spinner Indicador de Carga Toast Notificación

Avatar Avatar Card Tarjeta Carousel Carrusel Icon Icono PaginatedTable Tabla Paginada Pagination Paginación Table Tabla

Button Botón Checkbox Casilla de Verificación Clipboard Portapapeles ColorPicker Selector de Color Combobox Cuadro Combinado DatePicker Selector de Fecha Editable Texto Editable Field Campo de Formulario FileUpload Carga de Archivos PinField Campo de Código RadioCardGroup Grupo de Tarjetas de Radio RadioGroup Grupo de Radio RatingGroup Search Búsqueda SegmentGroup Grupo Segmentado Select Selector Slider Control Deslizante Switch Interruptor TagsField Campo de Etiquetas Textarea Área de Texto ToggleGroup Grupo de Alternancia

Collapsible Panel Plegable Dialog Diálogo Drawer Panel Lateral Dropdown Menú Desplegable HoverCard Tarjeta Flotante Popover Ventana Emergente Tooltip Información Emergente

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Introducción Primeros Pasos Arquitectura Hidratación Constructor de Páginas CMS Estilos y Temas

AbsoluteCenter Centrado Absoluto Fieldset Conjunto de Campos Grid Cuadrícula Group Grupo Layout Diseño Splitter Divisor Stack Pila

Code Código Heading Encabezado Text Texto

Anchor Enlace Breadcrumb Migas de Pan Tabs Pestañas

Alert Alerta Badge Insignia Loader Cargador Progress Progreso Skeleton Esqueleto Spinner Indicador de Carga Toast Notificación

Avatar Avatar Card Tarjeta Carousel Carrusel Icon Icono PaginatedTable Tabla Paginada Pagination Paginación Table Tabla

Button Botón Checkbox Casilla de Verificación Clipboard Portapapeles ColorPicker Selector de Color Combobox Cuadro Combinado DatePicker Selector de Fecha Editable Texto Editable Field Campo de Formulario FileUpload Carga de Archivos PinField Campo de Código RadioCardGroup Grupo de Tarjetas de Radio RadioGroup Grupo de Radio RatingGroup Search Búsqueda SegmentGroup Grupo Segmentado Select Selector Slider Control Deslizante Switch Interruptor TagsField Campo de Etiquetas Textarea Área de Texto ToggleGroup Grupo de Alternancia

Collapsible Panel Plegable Dialog Diálogo Drawer Panel Lateral Dropdown Menú Desplegable HoverCard Tarjeta Flotante Popover Ventana Emergente Tooltip Información Emergente

Migrate components to new tokens Audit existing design tokens Draft App Store listing copy Build onboarding flow prototype Implement push notification service Write launch retrospective Accessibility review of new pages Design new homepage hero Restructure primary navigation Run performance audit

Accessibility review of new pages - Docs - Artefact

Accessibility review of new pages

WCAG 2.1 AA pass on all redesigned templates.

Anterior

Write launch retrospective

Siguiente

Design new homepage hero