Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{
    block: 'page',
    content: [
        {
            block: 'header',
            content: [
                {
                    block: 'logo'
                },
                {
                    block: 'button',
                    text: 'Войти'
                }
            ]
        },
        {
            block: 'nav',
            content: [
                {
                    block: 'link',
                    content: 'Пункт 1'
                },
                {
                    block: 'link',
                    content: 'Пункт 2'
                },
                {
                    block: 'link',
                    content: 'Пункт 3'
                },
                {
                    block: 'link',
                    content: 'Пункт 4'
                }
            ]
        },
        {
            block: 'main',
            content: [
                {
                    block: 'icons',
                    content: []
                },
                {
                    block: 'calendar'
                },
                {
                    block: 'calendar'
                },
                {
                    block: '',
                    content: [
                        {
                            block: 'button'
                        },
                        {
                            block: 'image'
                        }
                    ]
                }
            ]
        },
        {
            block: 'footer',
            content: []
        }
    ]
}

18 июня 2015 г., в 3:14, Vladimir Grinenko notifications@github.com написал(а):

Я не понял, в чем именно вопрос, но дерево будет выглядеть примерно так:

{ block: 'page', content: [ { block: 'header', content: [ { block: 'logo' }, { block: 'button', text: 'Войти' } ] }, { block: 'nav', content: [ { block: 'link', content: 'Пункт 1' }, { block: 'link', content: 'Пункт 2' }, { block: 'link', content: 'Пункт 3' }, { block: 'link', content: 'Пункт 4' } ] }, { block: 'main', content: [ { block: 'icons', content: [] }, { block: 'calendar' }, { block: 'calendar' }, { block: '', content: [ { block: 'button' }, { block: 'image' } ] } ] }, { block: 'footer', content: [] } ] } — Reply to this email directly or view it on GitHub https://github.com/bem/bem-forum-content-ru/issues/460#issuecomment-112984438.

спасибо большое за помощь Владимир это моя первая верстка по BEM если будут вопросы я смогу к вам обратиться ?

Влад банально конечно но не могу разобраться Сейчас дерево проэкта выглядит вот таким оразом :

scripts: [{ elem : 'js', url : '_index.js' }],
mods : { theme : 'islands' },
content : [
    {
        block : 'page',
        content : [
            {
                block : 'header',
                content : [
                    {
                        block : 'logo',
                        content : [
                            {
                                block : 'image',
                                url : '../../img/logo.png',
                                title : 'Выпускники.Ру'
                            }

                        ]
                    },

                    {
                        block : 'button',
                        mods : { theme : 'islands', size : 'xl', type : 'submit' },
                        text : 'Войти'
                    }
                ]
            }
        ]
    }
]

}) нужно что бы heder выглядил так : https://yadi.sk/i/wwSMl34xhKGmE сейчас выглядит : https://yadi.sk/i/W5Y2VaS7hKGnh В чем ошибка?

Предположу, что выше уже есть блок page, второй раз его использовать не нужно. Ну а в остальном дерево выглядит нормально, дальше нужно писать CSS.

Следующий вопрос как изменить внешний вид (шрифт, цвет #5f6276) блока button ? в дальнейшем будет использоваться несколько различных блоков - кнопок.

Текущий внешний вид контролов описан в модификаторе theme_islands в папке design. Можно по аналогии создать другие варианты theme с нужным внешним видом.

нашел файл исправил некоторые элементы задаюсь вопросом как, их сохранить или применить?

предлагаю посмотреть вот этот мастеркласс, думаю, все моменты прояснятся