@zvndev/darkmown 1.4.0 → 1.5.0

package/src/templates/landing/site/pages/index.skin

@@ -1,9 +1,23 @@
 tokens
   ink #14161c
+  muted #555c6b
   paper #ffffff
   soft #f4f5f8
   line #e6e8ee
   accent #5b4bf5
+  accent-deep #4938e0
+  ring #5b4bf5
+  radius 12px
+
+tokens dark
+  ink #eceef4
+  muted #9aa1b4
+  paper #0d0e14
+  soft #16181f
+  line #262a36
+  accent #8b7dff
+  accent-deep #a79bff
+  ring #8b7dff
 
 page
   margin 0
@@ -11,6 +25,7 @@ page
   color $ink
   bg $paper
   line-height 1.6
+  -webkit-font-smoothing antialiased
 
 main
   max-width 900px
@@ -42,17 +57,94 @@ nav a
 
 .lede
   font-size 1.2rem
-  color #555c6b
+  color $muted
   margin 0 0 1.5rem
 
 .cta
-  display inline-block
+  display inline-flex
+  align-items center
+  justify-content center
+  gap .5rem
   bg $accent
   color white
   text-decoration none
-  padding .8rem 1.4rem
-  radius 10px
+  padding .8rem 1.5rem
+  radius 999px
   font-weight 600
+  border 1px solid $accent
+  box-shadow 0 6px 18px -8px rgba(91,75,245,.5)
+  transition transform .14s cubic-bezier(.2,.7,.3,1), box-shadow .14s ease, background .14s ease
+
+.cta:hover
+  bg $accent-deep
+  transform translateY(-1px)
+  box-shadow 0 12px 26px -10px rgba(91,75,245,.6)
+
+.cta:focus-visible
+  outline 2px solid $ring
+  outline-offset 3px
+
+/* Bare buttons & form controls — for inline :button actions, signup forms. */
+button
+  display inline-flex
+  align-items center
+  justify-content center
+  gap .5rem
+  bg $accent
+  color white
+  border 1px solid $accent
+  padding .6rem 1.2rem
+  margin .4rem .5rem .4rem 0
+  radius 999px
+  font-size .94rem
+  font-weight 560
+  line-height 1.15
+  cursor pointer
+  appearance none
+  box-shadow 0 1px 2px rgba(20,22,28,.08)
+  transition transform .14s cubic-bezier(.2,.7,.3,1), box-shadow .14s ease, background .14s ease, border-color .14s ease
+
+button:hover
+  bg $accent-deep
+  border-color $accent-deep
+  transform translateY(-1px)
+  box-shadow 0 8px 18px -8px rgba(91,75,245,.55)
+
+button:active
+  transform translateY(0)
+  box-shadow 0 1px 2px rgba(20,22,28,.08)
+
+button:focus-visible
+  outline 2px solid $ring
+  outline-offset 2px
+
+button:disabled
+  opacity .5
+  cursor not-allowed
+  box-shadow none
+  transform none
+
+input, textarea, select
+  font inherit
+  font-size .95rem
+  color $ink
+  bg $paper
+  border 1px solid $line
+  radius $radius
+  padding .58rem .8rem
+  margin .35rem 0
+  width 100%
+  max-width 24rem
+  appearance none
+  transition border-color .14s ease, box-shadow .14s ease
+
+input:hover, textarea:hover, select:hover
+  border-color $accent
+
+input:focus-visible, textarea:focus-visible, select:focus-visible
+  outline none
+  border-color $accent
+  box-shadow 0 0 0 3px rgba(91,75,245,.18)
 
 .features
   display grid
@@ -91,7 +183,7 @@ nav a
 
 .quote .who
   margin .5rem 0 0
-  color #555c6b
+  color $muted
   font-size .95rem
 
 .wd-carousel-prev
@@ -105,14 +197,21 @@ nav a
   top 40%
 
 .wd-carousel-prev, .wd-carousel-next
-  bg white
+  bg $paper
   color $ink
   border 1px solid $line
   radius 999px
   width 2.25rem
   height 2.25rem
+  padding 0
+  margin 0
+  box-shadow 0 2px 8px -2px rgba(20,22,28,.18)
   cursor pointer
 
+.wd-carousel-prev:hover, .wd-carousel-next:hover
+  border-color $accent
+  color $accent
+
 .wd-carousel-dots
   display flex
   justify-content center
@@ -123,9 +222,11 @@ nav a
   width .6rem
   height .6rem
   padding 0
+  margin 0
   border 0
   radius 999px
   bg $line
+  box-shadow none
   cursor pointer
 
 .wd-carousel-dot[aria-current="true"]
@@ -138,3 +239,9 @@ nav a
   radius 16px
   padding 2.5rem
   margin-top 2rem
+
+@media (prefers-reduced-motion: reduce)
+  button, .cta
+    transition none
+  button:hover, .cta:hover
+    transform none

package/src/templates/starter/site/pages/index.skin

@@ -1,13 +1,31 @@
 tokens
   ink #172026
+  muted #5b6b72
   paper #f7f2e8
+  panel #ffffff
+  line #e4ddcd
   accent #0f8b8d
+  accent-deep #0b6e70
+  ring #0f8b8d
+  radius 10px
+
+tokens dark
+  ink #e8eef0
+  muted #93a3a8
+  paper #11181b
+  panel #182226
+  line #2a363a
+  accent #3fc6c8
+  accent-deep #6fdadb
+  ring #3fc6c8
 
 page
   margin 0
   font ui-sans-serif, system-ui, sans-serif
   color $ink
   bg $paper
+  line-height 1.6
+  -webkit-font-smoothing antialiased
 
 main
   max-width 760px
@@ -40,8 +58,68 @@ nav a:hover
   color $accent
 
 button
+  display inline-flex
+  align-items center
+  justify-content center
+  gap .5rem
   bg $accent
   color white
-  border 0
-  padding .75rem 1rem
-  radius 8px
+  border 1px solid $accent
+  padding .6rem 1.15rem
+  margin .4rem .5rem .4rem 0
+  radius 999px
+  font-size .94rem
+  font-weight 560
+  line-height 1.15
+  cursor pointer
+  appearance none
+  box-shadow 0 1px 2px rgba(23,32,38,.08)
+  transition transform .14s cubic-bezier(.2,.7,.3,1), box-shadow .14s ease, background .14s ease, border-color .14s ease
+
+button:hover
+  bg $accent-deep
+  border-color $accent-deep
+  transform translateY(-1px)
+  box-shadow 0 8px 18px -8px rgba(15,139,141,.55)
+
+button:active
+  transform translateY(0)
+  box-shadow 0 1px 2px rgba(23,32,38,.08)
+
+button:focus-visible
+  outline 2px solid $ring
+  outline-offset 2px
+
+button:disabled
+  opacity .5
+  cursor not-allowed
+  box-shadow none
+  transform none
+
+input, textarea, select
+  font inherit
+  font-size .95rem
+  color $ink
+  bg $panel
+  border 1px solid $line
+  radius $radius
+  padding .58rem .8rem
+  margin .35rem 0
+  width 100%
+  max-width 24rem
+  appearance none
+  transition border-color .14s ease, box-shadow .14s ease
+
+input:hover, textarea:hover, select:hover
+  border-color $accent
+
+input:focus-visible, textarea:focus-visible, select:focus-visible
+  outline none
+  border-color $accent
+  box-shadow 0 0 0 3px rgba(15,139,141,.18)
+
+@media (prefers-reduced-motion: reduce)
+  button
+    transition none
+  button:hover
+    transform none

package/src/templates/store/site/pages/index.skin

@@ -1,8 +1,23 @@
 tokens
   ink #1a1f2b
+  muted #66707f
   paper #fbfbf9
+  panel #ffffff
   line #e6e4dd
   accent #146b54
+  accent-deep #0f5240
+  ring #146b54
+  radius 12px
+
+tokens dark
+  ink #e9edf2
+  muted #98a2b0
+  paper #0f1512
+  panel #18201d
+  line #28332e
+  accent #3bbd97
+  accent-deep #66d2b3
+  ring #3bbd97
 
 page
   margin 0
@@ -10,6 +25,7 @@ page
   color $ink
   bg $paper
   line-height 1.55
+  -webkit-font-smoothing antialiased
 
 main
   max-width 860px
@@ -31,13 +47,26 @@ nav a
   color $accent
   text-decoration none
 
-input
+input, select, textarea
   font inherit
-  padding .6rem .75rem
+  font-size .95rem
+  color $ink
+  padding .58rem .8rem
   border 1px solid $line
   radius 8px
   width 100%
   max-width 320px
+  bg $panel
+  appearance none
+  transition border-color .14s ease, box-shadow .14s ease
+
+input:hover, select:hover, textarea:hover
+  border-color $accent
+
+input:focus-visible, select:focus-visible, textarea:focus-visible
+  outline none
+  border-color $accent
+  box-shadow 0 0 0 3px rgba(20,107,84,.18)
 
 .catalog
   display grid
@@ -46,11 +75,20 @@ input
   margin 1.5rem 0
 
 .product
+  display flex
+  flex-direction column
   border 1px solid $line
-  radius 12px
-  padding 1rem
+  radius $radius
+  padding 1.1rem
   text-align center
-  background white
+  background $panel
+  box-shadow 0 1px 2px rgba(26,31,43,.04)
+  transition transform .16s ease, box-shadow .16s ease, border-color .16s ease
+
+.product:hover
+  transform translateY(-2px)
+  border-color $accent
+  box-shadow 0 12px 26px -16px rgba(26,31,43,.4)
 
 .emoji
   font-size 2.25rem
@@ -65,13 +103,45 @@ input
   margin-bottom .6rem
 
 button
+  display inline-flex
+  align-items center
+  justify-content center
+  gap .4rem
   font inherit
+  font-size .9rem
+  font-weight 560
   bg $accent
   color white
-  border 0
-  padding .55rem .9rem
-  radius 8px
+  border 1px solid $accent
+  padding .55rem 1rem
+  radius 999px
   cursor pointer
+  appearance none
+  box-shadow 0 1px 2px rgba(26,31,43,.08)
+  transition transform .14s cubic-bezier(.2,.7,.3,1), box-shadow .14s ease, background .14s ease, border-color .14s ease
+
+button:hover
+  bg $accent-deep
+  border-color $accent-deep
+  transform translateY(-1px)
+  box-shadow 0 8px 18px -8px rgba(20,107,84,.55)
+
+button:active
+  transform translateY(0)
+  box-shadow 0 1px 2px rgba(26,31,43,.08)
+
+button:focus-visible
+  outline 2px solid $ring
+  outline-offset 2px
+
+button:disabled
+  opacity .5
+  cursor not-allowed
+  box-shadow none
+  transform none
+
+.product button
+  margin-top auto
 
 .line
   display flex
@@ -82,12 +152,18 @@ button
   radius 10px
   padding .6rem .9rem
   margin .4rem 0
-  background white
+  background $panel
 
 .line button
   bg transparent
-  color $ink
+  color $muted
   border 1px solid $line
+  box-shadow none
+
+.line button:hover
+  bg $accent
+  border-color $accent
+  color white
 
 .cart-foot
   font-size 1.1rem
@@ -97,4 +173,10 @@ button
   border 1px solid $accent
   radius 10px
   padding 1rem
-  background #ecf6f1
+  background $panel
+
+@media (prefers-reduced-motion: reduce)
+  button, .product
+    transition none
+  button:hover, .product:hover
+    transform none

package/site/pages/blog/index.md

@@ -1,13 +0,0 @@
----
-title: The Darkmown Blog
-description: Notes on shipping Markdown that runs — feeds, drafts, and zero-JS releases.
----
-
-# The Darkmown Blog
-
-Short notes on the framework. Every post here is a plain `.md` file with a
-`date:` in its frontmatter — that `date:` is what lands a page in `rss.xml` and
-stamps its `<lastmod>` in `sitemap.xml`.
-
-- [Shipping feeds without a config file](/blog/shipping-feeds/)
-- [Drafts that never leak](/blog/drafts-that-never-leak/)