Saltar al contenido
Alea0.1
Pro
  1. Alea
  2. Recursos
  3. Plantillas y bloques
  4. Bloques

Alea Pro Pro

Bloques

Secciones para poner en una página, hechas con componentes de Alea, así siguen tus tokens y temas.

Parte de Alea Pro

Los bloques y plantillas vienen con una licencia de Alea Pro, junto con los componentes Pro y el kit de Figma. Los componentes base que usan son gratis.

Hero

Badge, un título serif con una palabra con degradado, bajada, dos acciones, los orbes.

New · Lumen 2.0

Design tools that play with you

Palettes, contrast, type scales, tokens and accessibility handoff, in Figma and in the browser.

Nube de logos

Clientes o socios en una fila.

Used by designers and engineers at

  • Northwind
  • Lumen
  • Acme
  • Globex
  • Initech
  • Umbrella

Imagen y texto

Filas alternadas de imagen y texto con una lista de checks; se apilan en teléfonos.

Tokens

One source for every color

Primitives in OKLCH, semantic tokens for Dark and Light, and the same values as Figma variables.

  • CSS variables and JSON
  • Figma variables with code syntax
  • Contrast checked in both themes

Components

Accessible from the first commit

Keyboard, focus and screen readers are handled in every component; axe checks every page in both themes.

  • 100+ components
  • Keyboard journeys tested
  • Motion that respects your settings
Browse components

Cómo funciona

Pasos numerados en columnas.

From tokens to shipped UI

  1. Install

    npm i @alea/ui, or copy components with the CLI.

  2. Theme

    Pick dark, light or system, and set your accent.

  3. Build

    Compose pages from components and blocks.

Numbers

Una franja de números grandes que cuentan.

Components
110
Figma variants
1,400
Pages checked with axe
266
Icons
174

Blog

Últimas publicaciones como tarjetas: 1, 2 o 3 columnas según el ancho.

From the blog

All posts
Accessibility

Charts everyone can read

Keyboard reading, a table view and a written takeaway for every chart.

Ale Vasquez ·

Team

Personas con avatares y roles.

The team

  • Ale Vasquez

    Design Systems Architect

  • Ana Rivas

    Product designer

  • Bruno Díaz

    Frontend engineer

  • Carla Mendes

    Accessibility lead

Contact

Detalles junto a un formulario, en una grilla de 12 columnas.

Let's talk

Questions about Lumen, Pro plans or a custom setup? Write, we answer within two days.

hello@example.com
Caracas, Venezuela · remote

Newsletter

Un campo de email.

New tools, once a month

No spam. Unsubscribe in one click.

Grilla de funciones

Una grilla de funciones con íconos y título.

Why it works

Everything a design system needs

Accessible by default

Keyboard, screen readers and contrast handled, and tested on every release.

Dark and light

One attribute switches the theme, for the page or any area.

The same in Figma

Variables and components made from the same tokens as the code.

A little fun

Warm surfaces, the purple to yellow accent, motion that respects your settings.

Pricing

Planes con un interruptor mensual y anual; el plan destacado brilla.

Simple pricing

One plugin

The plugin you need, for good.

$9 once

  • Full version of one plugin
  • Its updates included

Lumen Pro

Most picked

Every tool and every update.

$29 a year

  • All tools
  • New plugins as they launch
  • UI blocks and templates
  • Cancel anytime

Lifetime

Pay once, keep everything.

$79 once

  • Everything in Lumen Pro
  • Every future plugin

Testimonials

Citas con personas (contenido de ejemplo para reemplazar).

What people say

A short quote about the problem it solved, in the customer's words.

Sample customer

Design lead (example)

What changed for their team after they started using it.

Sample customer

Engineer (example)

One specific moment where it helped.

Sample customer

Product designer (example)

Preguntas frecuentes

Preguntas en un acordeón unido.

Questions

Llamada a la acción

Un banner de cierre sobre los orbes.

Ready to make it yours?

Every tool, the UI kit and every update, for less than a coffee a month.

Iniciar sesión

Email y contraseña, un proveedor, enlaces para restablecer y registrarse.

Welcome back

Sign in to your Lumen account.

or with email

Forgot password?

New here? Create an account

Registro con código

Datos, luego un código de un solo uso.

  1. Your details
  2. Check your email

Stats

KPI con su variación.

Active users
5,725
+18%up from before
Revenue
$2,480
+7%up from before
Conversion
3.4%
-2%down from before
Refunds
3
+50%up from before

Tabla de datos

Búsqueda, filtro, orden, selección con acciones masivas, menús por fila, paginación.

Orders

Order
Customer
Plan
Amount
Status
Date
Actions
#1074Orbit AppsOne plugin$9.00Refunded2026-10-17
#1057Nube StudioLifetime$79.00Paid2026-10-17
#1040Studio NorteLumen Pro yearly$29.00Paid2026-10-17
#1075Nube StudioLifetime$79.00Pending2026-10-16
#1058Studio NorteLumen Pro yearly$29.00Refunded2026-10-16
#1041Pixel & CoOne plugin$9.00Paid2026-10-16
#1076Studio NorteLumen Pro yearly$29.00Paid2026-10-15
#1059Pixel & CoOne plugin$9.00Pending2026-10-15

42 orders

Onboarding

Tareas de primer uso con progreso.

Get started

1 of 4 done
Create your accountDone in 30 seconds
Install a pluginOpen Figma and run Palette Generator
Make your first paletteFrom your brand color
Invite a teammateLumen Pro seats are shared

Notificaciones

Marcas de no leído y marcar todo como leído.

Notifications

2 new
Your palette "Lumen" was exported to CSS.Palette Generator · 2 min ago
Commented on Spec Sheet: "Can we add the hover state?"Grace Hopper · 1 h ago
Your license renews on October 17, 2027.Lumen Pro · Yesterday

Settings

Perfil, notificaciones y la zona de peligro en pestañas.

Language

Lista de productos

Tarjetas de producto con cinta, calificación, precio y Agregar a la bolsa: cuatro columnas en escritorio hasta una en teléfonos pequeños.

Trending now

Shop all

Catálogo con filtros

Breadcrumbs, un select de orden, filtros en una barra lateral (un drawer en teléfonos) y la grilla de productos.

  1. Shop
  2. Home goods

Home goods

8 products

Sort by

Vista de producto

Una galería con miniaturas, precio y calificación, selectores de color y talla, cantidad, Agregar a la bolsa y detalles que se abren.

Living room

Wool throw

$120.00

64 reviews

Woven from undyed merino on a small mill in the hills. Soft enough for the couch, warm enough for the porch, and it only gets better with every wash.

Color

Size

Free shipping over $75. Ships in 2 to 3 days.

Carrito de compras

Líneas con cantidad y quitar, y un resumen del pedido con el avance hacia el envío gratis.

Shopping bag

  • Stoneware mug

    $48.00

    Orchid glaze

  • Dot grid notebook

    $18.00

    A5, 160 pages

  • Ceramic planter

    $28.00

    Sage, 14 cm

Order summary

Subtotal
$94.00
Shipping
Free
Tax
$7.52
Total
$101.52

Taxes are estimated until checkout.

Checkout

Contacto, dirección de envío, entrega como tarjetas y un espacio para tus campos de pago, con el resumen al lado.

Checkout

Contact
Shipping address
Delivery
Payment

Your payment provider's secure card fields go here.

Order summary

Subtotal
$66.00
Shipping
$8.00
Tax
$5.28
Total
$79.28
Add 9 dollars for free shipping
  • Stoneware mug × 2$48.00
  • Dot grid notebook × 1$18.00

Confirmación del pedido

Agradecimiento, avance de la entrega, los artículos, direcciones y totales.

Payment successful

Thanks for your order

Order A-4821 is being packed. We will email you the tracking link when it ships.

Packing
Expected on Thursday, October 22

  • Stoneware mug

    $48.00

    Orchid glaze · Quantity 2

  • Dot grid notebook

    $18.00

    A5, 160 pages · Quantity 1

Shipping address
Ana Rivas
Av. Francisco de Miranda 8
Caracas 1060
Payment
Visa ending 4242
Delivery
Standard, free
Total
$66.00

Reviews

El promedio con una barra por nivel de estrellas, y las reseñas más recientes.

Customer reviews

Based on 64 reviews

  • 5 stars
    48
  • 4 stars
    10
  • 3 stars
    4
  • 2 stars
    1
  • 1 stars
    1

  • October 2, 2026

    Better than the photos

    The color is warmer in person and it does not shed. I bought a second one for my sister.

    Carla Mendes Verified buyer

  • September 18, 2026

    Soft and warm

    A little smaller than I expected, but perfect for the armchair.

    Bruno Díaz Verified buyer

  • August 30, 2026

    Lovely gift

    Arrived beautifully wrapped, two days early.

    Dario Silva Verified buyer

Historial de pedidos

Cada pedido como una tarjeta con su estado, artículos y acciones.

Orders

Check the status of recent orders, manage returns and buy again.

Order
A-4821
Placed
Oct 16, 2026
Total
$66.00
Packing
Stoneware mugDot grid notebook
Order
A-4710
Placed
Sep 28, 2026
Total
$120.00
Delivered
Wool throw
Order
A-4552
Placed
Aug 30, 2026
Total
$44.00
Refunded
Letterpress cardsWall clock

Mosaicos de categorías

Un mosaico grande y otros más pequeños, cada uno un enlace con su nombre sobre la imagen.

Shop by category

Franja promocional

Un titular, una línea, una acción y una imagen; apilados en teléfonos.

Limited time

The autumn edit

Warm textures and soft light for the season. Up to 30% off for a week.

Incentives

Envío, devoluciones y garantía, cada uno con un ícono.

Free shipping

On every order over $75, delivered in 2 to 6 days.

30-day returns

Changed your mind? Send it back, we pay the label.

Two-year warranty

If something breaks, we repair or replace it.

Encabezado de tienda

Enlaces de categorías con un mega menú y una bolsa con su contador; un drawer en teléfonos.

Lumen Home

Vista rápida de producto

Un botón que abre el producto en un diálogo (pantalla completa en teléfonos) con tallas y Agregar a la bolsa.

Página 404

El código, una oración, las páginas más visitadas y un camino de vuelta al inicio.

404

This page wandered off

The link may be old, or the page moved. These are good places to start again.

Back to home

Paneles de acción

Ajustes como tarjetas con una acción cada uno: un switch, un botón, una acción destructiva.

Weekly digest

A summary of new orders and reviews every Monday.

Export your data

Orders, customers and products as CSV files, ready in a few minutes.

Close the store

Products stay saved; customers see a closed page until you open it again.