{"title":"Design Kits for Dawn Shopify Themes","description":"\u003cp\u003eThese are the two design kits we sell for Shopify stores built on Dawn. The quickest way to judge one is to see this store in it. Open either kit and press its try-on button, and the whole site switches into that look, product pages and cart included. Look around for a while. The change happens just in this browser, and the bar above the header takes you back to our usual look whenever you like.\u003c\/p\u003e\u003cp\u003eIf you restyle your theme with an AI agent, the first pass usually takes a few minutes. The trouble comes a bit later, when you ask for one more section and the agent makes a fresh set of choices about colour and type that aren't quite the ones it made last time. A store's look shouldn't depend on which prompt got written that day. So each kit writes those choices down in a DESIGN.md that your agent reads before it touches the theme, and ships with a stylesheet for each style and two typefaces under the SIL Open Font License.\u003c\/p\u003e\u003cp\u003eWe made both kits from redesigns we worked up for this store's own theme. Each had to meet a written standard and pass its checks before a person signed it off for sale, and every text colour passes WCAG 2.2 AA contrast.\u003c\/p\u003e\u003cp\u003e\u003ca href=\"\/products\/feint-design-kit\"\u003eFeint\u003c\/a\u003e gives a store the look of a clean legal pad, navy on white paper, with canary yellow saved for the one band on a page that's meant for the shopper. \u003ca href=\"\/products\/cordovan-design-kit\"\u003eCordovan\u003c\/a\u003e puts it on a partner's desk instead: blue-black ink on bright paper, and leather for the few sections that ought to feel weighty. It comes in two styles, Oxblood and Prussian.\u003c\/p\u003e\u003cp\u003eBoth need a theme built on Dawn 13 or later. Horizon isn't supported yet, so if that's the theme your store runs on, neither kit is for you today. One licence covers as many stores as you like, yours and your clients'.\u003c\/p\u003e\u003cp\u003eOpen the kit whose description sounds closest to your store, and try it on before you decide.\u003c\/p\u003e","products":[{"product_id":"feint-design-kit","title":"Feint Design Kit for Dawn Shopify Themes","description":"\u003cp\u003e\u003cstrong\u003eFeint gives a Dawn store the look of a clean legal pad.\u003c\/strong\u003e Everything the store says is set in navy, like ballpoint on white paper, and canary yellow is saved for the one band on a page that’s meant for the shopper — a free sample, say.\u003c\/p\u003e\u003cp\u003eThe quickest way to judge it is to see this store in it. Press \u003cstrong\u003eTry it on this store\u003c\/strong\u003e above and the whole site switches into Feint, product pages and cart included. Look around for as long as you like, then switch back from the bar above the header. The change only happens in your browser. The gallery shows Feint on a stock Dawn store too, dressed up as a stationery shop we invented for the screenshots.\u003c\/p\u003e\u003cp\u003eWe build this store with AI, inside a system we’ve written down for ourselves: every product has a standard it must meet and checks that run before it ships, and a person signs off before anything goes on sale. Feint came out of that system as one of three redesigns we worked up for this store’s own theme. An agent can restyle a theme in a few minutes. Keeping the next new section on the same look is harder, because each request is a fresh set of choices. Feint writes the look down where your agent will read it: the colours, the type, the shape of every button and card, and the rules a new section has to follow.\u003c\/p\u003e\u003ch2\u003eWhat it changes in Dawn\u003c\/h2\u003e\u003cp\u003eFeint restyles all six of Dawn’s colour schemes, so the sections you already have take on the look without being rebuilt. It also styles Dawn’s own buttons, product cards, badges, drop-down menus, accordions, thumbnails and the pop-up that confirms something went into the cart, and the option buttons and prices on a product page follow along. Headings are set in Familjen Grotesk and reading text in Source Serif 4, which comes with its italic.\u003c\/p\u003e\u003cp\u003eUp close you’ll notice the details. Outline buttons are drawn as a 2px navy line, cards are edged with a single hairline, and buttons give a little when you press them. We keep the canary to one band a page at most, and the DESIGN.md asks your agent to do the same. Every text colour on all six schemes passes WCAG 2.2 AA contrast (4.5:1 or better).\u003c\/p\u003e\u003ch2\u003eWhat’s in the zip\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eThe Feint stylesheet for Dawn.\u003c\/li\u003e\n\u003cli\u003eFamiljen Grotesk and Source Serif 4, with Source Serif’s italic, under the SIL Open Font License.\u003c\/li\u003e\n\u003cli\u003eA DESIGN.md file your AI agent reads before it touches the theme. It sets out the palette, type and shapes, and shows how to build a new section that fits.\u003c\/li\u003e\n\u003cli\u003eAn install prompt to paste into an AI coding agent such as Claude Code. It checks that your theme can take the kit before it changes anything. Then it installs Feint and opens a preview on your own computer, and your live store isn’t touched.\u003c\/li\u003e\n\u003cli\u003eA brand book: one web page with every component shown on each of the six colour schemes.\u003c\/li\u003e\n\u003cli\u003eA licence for as many stores as you like, yours and your clients’.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eQuestions\u003c\/h2\u003e\u003cp\u003e\u003cstrong\u003eCan’t my AI agent restyle the theme for free?\u003c\/strong\u003e It can, and for a one-off change that’s fine. The trouble comes with the next request. Nothing recorded what the agent chose last time, so it chooses again and the store drifts. Feint gives your agent a finished look to work from, written down in its DESIGN.md, with every colour already checked for contrast. It’s also our own design, where most free DESIGN.md files online copy a famous brand.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhat do I need?\u003c\/strong\u003e Your theme’s files on your computer and an AI coding agent such as Claude Code, or about ten minutes to install it by hand. If you’d rather never open your theme’s code, Feint isn’t for you, since it installs into the theme’s files and there’s nothing to set up in the theme editor.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhich themes does it work with?\u003c\/strong\u003e Dawn 13 or later. The install prompt checks your theme first and stops if it can’t take the kit. Horizon isn’t supported yet, and we haven’t tested themes built from Dawn’s code, such as Refresh.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCan I install it without an agent?\u003c\/strong\u003e Yes. Copy the files into your theme and add a few lines to its layout, and the kit’s instructions give you the exact lines.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWill it change my products, pages or settings?\u003c\/strong\u003e No. Feint changes how the store looks and leaves your products, pages, navigation and Theme settings as they are, with every section where you put it. It doesn’t add sections to the theme editor, and checkout keeps Shopify’s own look.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eIs there a dark mode?\u003c\/strong\u003e No, Feint is ink on paper all the way through.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCan I use it on client stores?\u003c\/strong\u003e Yes, on as many as you like, as part of your work for each client. The kit stays in a client’s store after the job ends, and you don’t need to credit us. The licence only rules out reselling the kit or giving it away.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eDoes it work with Sidekick or Canvas?\u003c\/strong\u003e We haven’t tested it with either, so we won’t promise it does.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCan I switch it off?\u003c\/strong\u003e Yes. One small edit to the theme’s layout switches it off, and the store looks exactly as it did before. The kit only adds styling, so your settings and content are untouched.\u003c\/p\u003e\u003ch2\u003eThe other kit\u003c\/h2\u003e\u003cp\u003eIf you’d like something warmer, \u003ca href=\"\/products\/cordovan-design-kit\"\u003eCordovan\u003c\/a\u003e ($47) sets the same components on a partner’s desk, in Besley and Instrument Sans, with oxblood or Prussian blue leather on the bold sections. Both of its styles are on this store to try, too.\u003c\/p\u003e\u003ch2\u003eDelivery\u003c\/h2\u003e\u003cp\u003eA zip you can download straight after checkout, for Shopify themes built on Dawn 13 or later. Updates are free, through the same download link.\u003c\/p\u003e","brand":"Digital Kreative","offers":[{"title":"Default Title","offer_id":67771796947027,"sku":"DK-DESIGN-FEINT-V1","price":47.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0648\/3899\/1955\/files\/cover_c00e0209-6ed1-4a45-9009-b53d857b413e.png?v=1792953073"},{"product_id":"cordovan-design-kit","title":"Cordovan Design Kit for Dawn Shopify Themes","description":"\u003cp\u003e\u003cstrong\u003eCordovan puts a Dawn store on a partner’s desk.\u003c\/strong\u003e Every word is blue-black ink on bright paper, and leather only appears on the few sections that ought to feel weighty. Headings and prices are set in Besley. There are two styles: Oxblood, which is oxblood leather throughout, and Prussian, a Prussian blue desk with an oxblood seal.\u003c\/p\u003e\u003cp\u003eBoth styles are switched on here, so you can judge them on real pages. Press \u003cstrong\u003eTry Oxblood on this store\u003c\/strong\u003e or \u003cstrong\u003eTry Prussian on this store\u003c\/strong\u003e above, browse for a while, and switch styles (or come back to our usual look) from the bar above the header. The change happens only in your browser. The gallery has both styles on a stock Dawn store as well, made up as a desk-goods shop for the screenshots.\u003c\/p\u003e\u003cp\u003eThis store is built with AI too, the careful way. Each product has a written standard to meet and checks that run before it ships, and a person signs off before it goes on sale. Cordovan comes from two of the three redesigns we worked up for our own theme, which is why it has two styles. Your agent gets both palettes and the rules for the leather in one DESIGN.md, so the next section it builds has something to match.\u003c\/p\u003e\u003ch2\u003eWhat changes in Dawn\u003c\/h2\u003e\u003cp\u003eEach style restyles all six of Dawn’s colour schemes, so the sections you already have pick up the look without being rebuilt. It reaches Dawn’s own parts too: buttons, product cards, badges, the drop-down menus, accordions and thumbnails, and the little pop-up that confirms an item went into the cart. Prices and the option buttons on a product page take on the look through the colour schemes. Reading text is Instrument Sans, italic included.\u003c\/p\u003e\u003cp\u003eThe leather is the boldest thing on the page, so the kit rations it. It has a fine grain, and the DESIGN.md allows it on two or three sections a page, never two in a row. On paper, the main button in each section is oxblood, whichever style you choose. Buttons give a little when pressed, and every text colour on all six schemes passes WCAG 2.2 AA contrast (4.5:1 or better) in both styles.\u003c\/p\u003e\u003ch2\u003eWhat’s in the zip\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eTwo stylesheets, one for Oxblood and one for Prussian.\u003c\/li\u003e\n\u003cli\u003eBesley and Instrument Sans (with its italic), under the SIL Open Font License.\u003c\/li\u003e\n\u003cli\u003eA DESIGN.md your AI agent reads before it touches the theme, covering both palettes, the type, where the leather is allowed and how to build a new section that fits.\u003c\/li\u003e\n\u003cli\u003eAn install prompt for an AI coding agent such as Claude Code. It asks which style you want and checks your theme can take it, then installs the style and previews it on your own computer. Your live store stays as it is.\u003c\/li\u003e\n\u003cli\u003eA brand book for each style, a web page showing every component on all six colour schemes.\u003c\/li\u003e\n\u003cli\u003eA licence for as many stores as you like, yours and your clients’.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eQuestions\u003c\/h2\u003e\u003cp\u003e\u003cstrong\u003eCan I use both styles?\u003c\/strong\u003e Yes. The licence covers the kit, so Oxblood can go on one store and Prussian on another. A store wears one style at a time, and the install prompt walks you through switching.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhich style should I pick?\u003c\/strong\u003e Try both here first; it’s the quickest way to tell. Oxblood is the warmer and more traditional of the two. Prussian reads cooler, with its blue desk, and keeps oxblood for the seal and the main buttons.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhy buy this if my AI agent can restyle the theme?\u003c\/strong\u003e For one quick change, you might not need it. The trouble starts with the next request, because the agent has no record of what it chose last time, so it chooses again and the store slowly stops matching itself. Cordovan gives your agent a finished look and the rules that go with it, every colour already checked. And it’s our own design, where most free DESIGN.md files imitate a well-known brand.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhat do I need to install it?\u003c\/strong\u003e The theme’s files on your computer, plus an AI coding agent like Claude Code or the patience to copy a few files by hand. Cordovan isn’t for a store whose owner never wants to touch the theme’s code — it lives in the theme’s files, with nothing to switch on in the theme editor.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWill it work on my theme?\u003c\/strong\u003e On Dawn 13 or later, yes. The install prompt checks before it changes anything. It doesn’t support Horizon yet, and we haven’t tried it on themes built from Dawn’s code, like Refresh.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCan I install it by hand?\u003c\/strong\u003e Yes, in about ten minutes. Copy the kit’s files into your theme and add a few lines to its layout; the instructions give you the exact lines.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eDoes it change my products or settings?\u003c\/strong\u003e No. It changes how the store looks and leaves your products, pages, navigation and Theme settings alone. It doesn’t add sections to the theme editor or offer a dark mode, and checkout keeps Shopify’s own look.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCan I use it for clients?\u003c\/strong\u003e Yes, on any number of client stores, and it stays in a client’s store after your work for them ends. You don’t need to credit us. The licence only rules out reselling the kit or giving it away.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eWhat about Sidekick or Canvas?\u003c\/strong\u003e We haven’t tested Cordovan with either, so we can’t promise it works there.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eHow do I turn it off?\u003c\/strong\u003e One small edit to the theme’s layout switches it off, and the store looks exactly as it did. Your settings and content are never changed.\u003c\/p\u003e\u003ch2\u003eThe other kit\u003c\/h2\u003e\u003cp\u003eFor something plainer, try \u003ca href=\"\/products\/feint-design-kit\"\u003eFeint\u003c\/a\u003e ($47). It puts the same components on a legal pad, with navy ink on white paper and a canary-yellow band, in Familjen Grotesk and Source Serif 4. It’s on this store to try as well.\u003c\/p\u003e\u003ch2\u003eDelivery\u003c\/h2\u003e\u003cp\u003eAn instant download for Shopify themes built on Dawn 13 or later. Updates are free and come through the same download link.\u003c\/p\u003e","brand":"Digital Kreative","offers":[{"title":"Default Title","offer_id":67771796979795,"sku":"DK-DESIGN-CORDOVAN-V1","price":47.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0648\/3899\/1955\/files\/cover_ee111e9a-1b5d-47f4-9adb-c8bd0fad6b25.png?v=1792953095"}],"url":"https:\/\/digitalkreative.co\/collections\/design-kits.oembed","provider":"Digital Kreative","version":"1.0","type":"link"}