Coready Studio

Editorial

A deep brand bar, a serif wordmark and letterspaced navigation over calm sections. For boutiques and brands that sell a story.

Интернет-магазинЛендингРекомендуемые цвета: WarmIts own header and footer

Шапка и подвал

На каждой странице сайта с дизайном Editorial, вокруг компонентов ниже.

Content

Hero

A centred headline over a soft panel, with a call to action.

hero
Открыть и настроить
Можно изменить:Image / logoEyebrowTitleSubtitlePrimary buttonSecondary buttonImage positionBackground

Slideshow

Photos that take turns, each with a headline and a line under it, and one pair of buttons.

slideshow
Открыть и настроить
Можно изменить:SlidesPrimary buttonSecond buttonSeconds per slideHeightWidthHeading level

Cover

A title and a line over a photo — a page's header, or a call to action with buttons.

cover
Открыть и настроить
Можно изменить:PhotoTitleTextPhone buttonPrimary buttonSecond buttonTint over the photoHeightWidthHeading level

Page cards

Cards for pages of your website — services, rooms, courses — each with its picture, name and a line about it.

page-cards
Открыть и настроить
Можно изменить:HeadingDescriptionPagesColumnsShow descriptionsLink on each cardButton under the cardsHeading level

Navigation

Commerce

Product grid

A grid of products from a product list, category, or manual selection.

product-grid
Loads its products in the browser, so it fills in a moment after the page appears.
Открыть и настроить
Можно изменить:HeadingProductsMax products

Catalog

Product listing

Products of the selected category, with sorting, view switch, and paging.

product-listing
Открыть и настроить
Можно изменить:EyebrowHeadingDescriptionGrid columnsPagingShow sort controlShow view switcherShow status lineShow inside a panelHeading level

Product

Price calculator

Options, quantity with its price breaks, the total and the buy button, in one panel.

product-calculator
Открыть и настроить
Можно изменить:HeadingShow headingShow price breaksChoose the first value of required optionsNote under the totalButton textStay in view while scrollingKeep the total in view on phones

Price table

Every quantity price of the product's options in one table, with the shopper's current choice highlighted. For reading, not choosing — place it beside a calculator or the options.

product-price-table
Открыть и настроить
Можно изменить:HeadingShow heading and caption

Size grid

The size × height grid, for products that have one.

product-variant-matrix
Shown empty here: no product in the shop this page renders against has a size × height grid. On a catalogue that does — workwear, footwear, print sizes — this draws the grid with a quantity box in every cell.
Открыть и настроить
Можно изменить:Heading

Contact

Contact details

Phones, emails, addresses, opening hours and socials, as cards.

contact-details
Открыть и настроить
Можно изменить:HeadingShow phonesShow emailsShow addressesShow opening hoursShow social linksPhones labelEmails labelAddresses labelOpening hours labelSocials label

Enquiry

An invitation to get in touch, with email, phone and catalog buttons.

contact-enquiry
Открыть и настроить
Можно изменить:HeadingDescriptionSecond paragraphShow email buttonEmail button textShow phone buttonPhone button textShow catalog buttonCatalog button textCatalog button link

Blog

Blog

The article list for one of your blogs, with an optional category sidebar.

blog-index
Открыть и настроить
Можно изменить:Which blogHeadingEyebrowDescriptionShow category sidebarHeading levelMax articles

Blog list

Articles as a quiet list: date, title and a line of excerpt, divided by hairlines.

blog-list
Открыть и настроить
Можно изменить:Which blogHeadingHeading levelShow datesShow excerptsShow topicsMax articlesLink under the list

Profile

Profile header

Who this is: a label, your name or headline, one line under it, a square photo and a closing line.

profile-header
Открыть и настроить
Можно изменить:LabelName or headlineLine under itPhotoClosing lineShow today's dateHeading level

Готовые страницы

Целые страницы в готовом виде. Каждая заменяет блоки, которые вы иначе расставили бы сами, — поставьте её на страницу, и у вас будет каталог, страница контактов или страница товара из темы.

Contact page

Contact details, opening hours, map and enquiry form in one block.

contact
Открыть и настроить

Настраивать нечего — он показывает ваш собственный каталог и контакты.