Typography
Manrope (default), Georgia (editorial), Comic Sans (playful). Переключи шрифт вверху.
Флористика — это искусство
Онлайн-школа KFS
17 лет в профессии
8000+ выпускниц
Обучение с нуля до профессионала
Ляйсян Афонина — профессиональный флорист и педагог.
Курсы онлайн, обучение в своём темпе, пожизненный доступ. Сертификат по окончании.
Вспомогательный текст, подписи, meta-данные.
Микро-текст: дисклеймеры, timestamps.
Inline elements
Это жирный текст и курсив, вот выделенный фрагмент,
а вот inline code.
Ссылка: ссылка выглядит так.
Unordered list
- Основы флористики
- Флорист-профи (углублённый)
- Сухоцветы и интерьерный декор
- Корпоративные мастер-классы
Ordered list
- Зарегистрируйтесь на курс
- Получите доступ к материалам
- Выполняйте задания
- Получите сертификат
«Пришла без опыта — за месяц уже делала букеты на заказ. Ляйсян объясняет так, что всё становится понятным.»
Paragraph rhythm
Школа KFS — это 17 лет работы с живыми цветами и тысячами студенток по всей России. Ляйсян начинала с небольшой студии в Казани и постепенно выстроила образовательную систему, которая работает онлайн без потери качества обратной связи.
Каждый курс построен по принципу «от простого к сложному»: первые работы вы создадите уже на первой неделе. Не теория ради теории, а практика с разбором ошибок куратором.
За 8000+ выпускниц — истории превращения хобби в профессию, открытых цветочных магазинов, выхода в декрет с нуля, смены карьеры в 40+.
Colors / Brand Palette
KFS-тема: orange brand, warm gold accent, sage green поверх Starwind нейтралей. Переключи dark-mode вверху.
Brand Primary
--primary
oklch(0.65 0.18 50)
--primary-accent
oklch(0.58 0.20 50)
KFS Brand Tokens
--kfs-sage
oklch(0.55 0.12 145)
--kfs-sage-tint
oklch(0.95 0.03 145)
--kfs-gold
oklch(0.75 0.08 65)
--kfs-gold-tint
oklch(0.97 0.02 65)
Starwind Neutrals
--background
Page bg
--muted
Section bg
--secondary
Secondary btn
--accent = kfs-gold
#436 reassigned
Semantic Status
Info
--info
Success
--success
Warning
--warning
Error
--error
Spacing / Shadows / Radius
Spacing scale
Shadows
Radius (Shape-dependent)
Inputs
Button — variants
Button — sizes
Button — icon + full-width
Toggle
Input / Textarea / NativeSelect
Как нам к вам обращаться
Checkbox / RadioGroup / Switch
Checkbox
RadioGroup
Switch
Slider
Display
Card — варианты
Badge — все варианты
Avatar
Skeleton
Spinner
Progress
Separator
Контент выше
Контент ниже — horizontal
AspectRatio
Item (list rows)
15 мин · видео
22 мин · видео + PDF
18 мин · видео
Feedback
Alert — все типы
Информация
Доступ к материалам курса открывается после подтверждения оплаты.
Заявка принята
Мы получили вашу заявку и свяжемся с вами в течение часа в рабочее время.
Осталось 3 места
Осталось только 3 места на курс "Флорист-профи" в апрельском потоке.
Ошибка оплаты
Платёж не прошёл. Проверьте данные карты или попробуйте другой способ оплаты.
Tooltip
Popover
Toast (кликни кнопки)
Dialog / AlertDialog / Sheet
Data
Table
| Курс | Уровень | Длит. | Уроков | Цена |
|---|---|---|---|---|
| Основы флористики | Начинающий | 4 нед. | 20 | 15 000 руб. |
| Флорист-профи | Продвинутый | 8 нед. | 40 | 40 000 руб. |
| Сухоцветы | Любой | 2 нед. | 12 | 8 000 руб. |
| Свадебная флористика | Средний | 3 нед. | 15 | 18 000 руб. |
| Итого | от 8 000 руб. | |||
Molecules / Patterns
KFS-молекулы — реальные блоки лендинга флористической школы, собранные из атомов Starwind.
1. CourseCard
2. FormGroup — состояния полей
Как нам к вам обращаться
Позвоним в удобное время
Введите корректный email-адрес
3. TestimonialCard
4. FeatureCard (3 в ряд)
5. FAQItem (Accordion group)
6. PriceTable (сравнение тарифов)
| Что входит | Базовый 8 000 руб. | Популярный Стандарт 15 000 руб. | Профи 40 000 руб. |
|---|---|---|---|
| Видеоуроки | v | v | v |
| Домашние задания | v | v | v |
| Обратная связь куратора | - | v | v |
| Личные созвоны с Ляйсян | - | - | v |
| Сертификат | v | v | v |
| Диплом с правом работы | - | - | v |
| Пожизненный доступ | v | v | v |
| Портфолио-ревью | - | - | v |
7. SearchInput