Keren Aliza Project
Design System

Keren Aliza Project

Brand & UI system for violinist Aliza Keren — colors, type, components, and a clickable UI kit for desktop and mobile. Скрипка · Творчество · Импровизация.

UI Kits

Pixel‑close, clickable recreations of the Keren Aliza Project homepage.

Web UI Kit

Full desktop homepage at 1440 px. 12 React components — header, hero, store, schedule, sidebar, footer.

Open →

Mobile UI Kit

360 px Figma frame, wrapped in an iOS shell. Slide‑up menu, expandable schedule rows, dotted carousels.

Open →

Pages

Production page builds on the live site's tokens and chrome.

Партнёры / Partners

Partnership page rebuilt from the “All 2 music” Figma frame — offer cards, five support tiers, thank-you banner, partner logo strip.

Open →

Sponsors & Donations

Sponsorship tiers, one-time donation amounts, current sponsors, and a contact card.

Open →

Documentation

Brand fundamentals, content rules, and how to use the skill.

Brand README

Voice, palette, type, spacing, motion, iconography, and caveats.

Read →

SKILL.md

Agent‑Skill manifest — drop this folder into Claude Code and it becomes a brand expert.

Read →

Tokens (CSS)

83 custom properties — colors, type, space, radius, shadow, motion.

Open →

Specimens

Standalone preview cards used by the Design System tab.

Colors

Core · chrome · semantic tokens.

Open →

Type

Headings · body · display & script.

Open →

Spacing & radii

4 → 80 scale, 4–30 radii, 3 shadows.

Open →

Components

Buttons, inputs, badges, hero, sidebar, schedule, header.

Open →

Brand

Logo lockups, content voice, iconography.

Open →