Design system

Lab

The primitives in every theme. Switch the theme and check that no pair of text and background loses contrast.

Interface theme

Navigation

Chrome

Menu

Sillar
Cauce
Sendero

Sillar card

Chrome

Tuesday 8 September

Alma 37:6

By small and simple things are great things brought to pass.

Action taken · +50 XP

Controls

Chrome

Modal

Editorial

Sillar · 8 September

Alma 37:6

By small and simple things are great things brought to pass.

Optional. Nobody else reads it, not even your group.

Closes with Escape, with a click outside, or with the button. Focus stays trapped inside.

Fields

Chrome + editorial

Reflection

Editorial

Set in serif because it is reading, not chrome.

Groups · list

Chrome + editorial

Groups · detail

Chrome + editorial

  • Ana

    12 day streak · best streak: 30 days

    1. November 9, 2026: active day
    2. November 10, 2026: active day · today

  • Beto

    3 day streak · best streak: 9 days

    1. November 9, 2026: active day
    2. November 10, 2026: no activity · today

  • Carla

    0 day streak · best streak: 15 days

    1. November 9, 2026: no activity
    2. November 10, 2026: no activity · today

Group wall

Mosaic, question of the day, reply thread and composer for the weekly wall, with sample data (never from the database).

Question of the day — before answering

Question of the day

Who would you like to thank this week?

Question of the day — after answering (example)

Question of the day

¿Qué momento del día te hizo sonreír?

2 people already answered

You already answered today. See your group's answers on the wall.

Mosaic: colored notes, sticker, drawing and shared reflection

Ana

Qué buena semana de estudio. ¡Gracias por acompañarme!

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Beto

@Ana, tu comentario de ayer me ayudó mucho. Gracias por compartirlo.

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Beto

Recordatorio: nos vemos el domingo para la actividad del grupo.

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Ana

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Beto

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Ana

Shared reflection

Alma 37:6

Dios usa medios pequeños y sencillos para hacer grandes cosas.

Esta semana entendí que no necesito hacer algo grande para servir: los detalles pequeños también cuentan.

Replies

No replies yet. Be the first.

Only your group can see this.

Delete this post

Delete this post from the wall? This can't be undone.

Reaction bar

Reply sheet ("Reply" button)

Replies

No replies yet. Be the first.

Only your group can see this.

Open it to see the thread's bottom sheet.

Composer

The floating "Post" button, bottom right.

New post

To share a reflection, open it from the stone in Sillar.

0/1000

Tokens

The values change with the theme. Pixel also moves the geometry: from a 24 px radius, a 1 px stroke and a soft shadow to 8 px, 2 px and a hard one.