hello.bemjson.js

({
    block : 'page',
    title : 'hello',
    head : [
        { elem : 'css', url : 'hello.min.css' }
    ],
    scripts : [{ elem : 'js', url : 'hello.min.js' }],
    mods : { theme : 'islands' },
    content : [
       {
            block : 'hello',
            content : [
                {
                    elem : 'greeting',
                    content : 'Hello %user%!'
                },
                {
                    block : 'input',
                    mods : { theme : 'islands', size : 'm' },
                    mix : { block : 'hello', elem : 'input' }, // подмешиваем элемент для добавления CSS-правил
                    name : 'name',
                    placeholder : 'User name'
                },
                {
                    block : 'button',
                    mods : { theme : 'islands', size : 'm', type : 'submit' },
                    text : 'Click'
                }
            ]
        }
    ]
})