User

User:ClaudeHelper/Design templates

Draft by ClaudeHelper for Natalia, 23 October 2026. These templates live under for now. When Natalia says yes, they move to real names (Template:Part, Template:Box …) and the long prefix disappears. The rules: project document design-rules.md.
Шаг 1 · Уро́к 1Все шаги́ ▸
Шаблоны диза́йна
Design templates – one look for every page
⏱ 5 min · 🎒 You need: nothing – just copy and paste
ℹ️ Как э́то рабо́тает · How it works

1. The colours

Lesson parts (main column)
Banner
#1F5FBF
👂 Listen
#E3F2FD
🤸 Do it
#E8F5E9
🔁 Repeat
#FFF3E0
🗣️ Your turn
#FCE4EC
✔ Quiz (purple line #7B1FA2)
#FBF7FD
🎵 Sing
#E0F7FA
😄 Laugh / Fun
#E8EAF6
📖 Text (folded)
#FAFAFA

Side boxes
🤸 Warm-up (yellow line #F9A825)
#FFFDE7
💡 Rule (grey line) · 📚 Words
#F5F5F5
👩‍🏫 For teachers
#E0F2F1
Next ▶ button
#2E7D32

2. The order of a lesson page

# Box What goes in it
1 Lesson head (blue) step, lesson, Russian title with ´, English, minutes, what you need
2 🤸 Warm-up (yellow) 1–2 minutes of aerobics. In the main column, so phones see it first.
3 👂 Listen the video. "Don't read yet."
4 🤸 Do it things to touch, word cards with pictures, a game
5 🔁 Repeat mp3 or video again + big lines to say aloud
6 🗣️ Your turn video off – be the teacher – a joke
7 ✔ Quiz 3–5 questions with big pictures
8 📖 Text (folded) the full text, Russian + English
9 Next ▶ big green button
side 💡 Rule · 📚 Words · ´ Stress note · 😄 For fun small boxes on the right (on a phone they come at the end)

3. Every template

Lesson head

Шаг 2 · Уро́к 1Все шаги́ ▸
Как дела́?
How are you?
⏱ 10 min · 🎒 You need: your hands
{{Lesson head|step=2|lesson=1|ru=Как дела́?|en=How are you?|time=10|need=your hands}}

Part (the big coloured boxes)

👂 Смотри́те и слу́шайте · Watch and listen

Text here.

🤸 Де́лайте · Do it

Text here.

🔁 Повторя́йте · Repeat

Text here.

🗣️ Ва́ша о́чередь! · Your turn!

Text here.

✔ Прове́рьте себя́ · Check yourself

Text here.

🎵 По́йте! · Sing

Text here.

😄 Сме́йтесь! · Laugh

Text here.

{{Part|listen}}
Text here.
{{End}}

Kinds: listen · do · repeat · turn · quiz · sing · laugh. Your own title: |ru=Слу́шайте|en=Listen.

Box (the small boxes)

🤸 Разми́нка · Warm-up (2 min)

Stand up! …

💡 Пра́вило · Rule
  • Э́то = this is
📚 Но́вые слова́ · New words · 3
😄 Для сме́ха · For fun

A funny video or song.

👩‍🏫 Для учи́теля · For teachers

Ideas for teachers.

ℹ️ Заме́тка · Note

Anything else.

{{Box|rule}}
* '''Э́то''' = this is
{{End}}

Kinds: warmup · rule · words · fun · teacher · note.

Word card

стол
стол
table
стул
стул
кот
кот
о́чень

{{Word|стол|Table.svg|стол|en=table}}
{{Word|кот|Cat.svg|кот}}
{{Word|очень||о́чень}}   ← no picture

dictionary word · picture · word with stress · English (optional). A red word = the dictionary page is missing (make it before the lesson goes live).

Say (big lines to say aloud)

Э́то стол? – Да, э́то стол.
Э́то стул? – Нет, э́то не стул.

{{Say}}
Э́то стол? – Да, э́то стол.<br>
Э́то стул? – Нет, э́то не стул.
{{End}}

Text (folded)

📖 Текст уро́ка · The text – open it only after you can say it without reading

Э́то стол.

This is a table.


{{Text}}
{{t|Russian text|English text}}
{{End}}

Video

{{Video|RHYxWuf9EAc}}

Never wider than 560 px. One video per box.

Next button

{{Next|What is it 2/Russian|Шко́ла 2|prev=What is it 1/Russian|prevlabel=Шко́ла 1}}

Case symbols (Natalia's)

Code Symbol With name
nom or им ● ● имени́тельный (nominative)
gen or род ]→ ]→ роди́тельный (genitive)
dat or дат →●← →●← да́тельный (dative)
acc or вин →[ →[ вини́тельный (accusative)
ins or тв ↔●↔ ↔●↔ твори́тельный (instrumental)
prep or пр [●] [●] предло́жный (prepositional)

In a sentence: Я иду́ в шко́лу →[ · Я в шко́ле [●] · Я из шко́лы ]→. Move the mouse over a symbol: the case name and question appear.

Я в шко́ле {{Case|prep}}
{{Case|prep|name}}

The colours of the cases are a proposal – not decided.

4. Empty lesson – copy this

{{Lesson head|step=|lesson=|ru=|en=|time=10|need=}}
{{Main}}
{{Box|warmup|(2 min)}}
Stand up! …
{{End}}

{{Part|listen}}
{{Video|VIDEO-ID}}
* '''Don't read anything yet.''' Just watch and listen.
{{End}}

{{Part|do}}
{{Word|word|Picture.svg|wórd}} {{Word|word|Picture.svg|wórd}}
* Touch … · Show … · Speed game …
{{End}}

{{Part|repeat}}
{{mp3|FILE}}
{{Say}}
Line 1<br>
Line 2
{{End}}
{{End}}

{{Part|turn}}
'''Switch the video off.''' Now you are the teacher.
# …
'''Can you do it without the video?''' – Молоде́ц! Go to the quiz.
{{End}}

{{Part|quiz}}
<quiz display=simple>
{ Question [[File:Picture.svg|x100px]]
|type="()"}
+right
-wrong
</quiz>
{{End}}

{{Text}}
{{t|Russian|English}}
{{End}}

{{Next|Next page|Next title}}
{{Side}}
{{Box|rule}}
* …
{{End}}
{{Box|words|· N}}
{{Word|word||wórd}}
{{End}}
{{Stress note}}
{{Box|fun}}
…
{{End}}
{{End}}
{{ruW|word|word|word}}