diff --git a/skills/hyperframes/templates/design-picker.html b/skills/hyperframes/templates/design-picker.html index 6cb6f0878..97b420c0c 100644 --- a/skills/hyperframes/templates/design-picker.html +++ b/skills/hyperframes/templates/design-picker.html @@ -3,8 +3,18 @@ + Design your visual direction + +
-
1. Direction
+
1. Template
2. Fine-tune
+ +
- -
-
-

Pick a direction

-

- Each option is a complete visual identity. Pick one, then fine-tune. -

-
-
Palette
-
-
- -
+ +
+
+
+ i. +

Palette

+
+
    +
    + +
    +
      +
      +
      - -
      + +
      -
      ◐
      -
      Theme
      +
      ◈
      +
      Living Background
      -
      -
      - -
      -
      -
      ▦
      -
      Structure
      -
      +
      +
      +
      -
      @@ -686,7 +1764,7 @@

      Pick a direction

      ◉
      Color
      -
      +
      @@ -707,7 +1785,7 @@

      Pick a direction

      -
      ≡
      +
      ▦
      Density
      @@ -732,17 +1810,62 @@

      Pick a direction

      Pick a structure to preview
      + +
      - -
      - design.md - — edit, then copy + DESIGN.html + — copy and paste back to your agent
      @@ -763,9 +1886,57 @@

      Pick a direction

      + + +