App Download Promo

真实模板变体

Schema

{
  "name": "App Download Promo",
  "class": "app-download-promo-section",
  "settings": [
    {
      "type": "header",
      "content": "Content"
    },
    {
      "type": "text",
      "id": "heading_label",
      "label": "Heading label",
      "default": "EASY-TO-USE"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "laifen App"
    },
    {
      "type": "richtext",
      "id": "description",
      "label": "Description",
      "default": "<p>The Breakthrough Technology Of Laifen Smart Toothbrushes Seamlessly Connects To The App To Deliver Brushing Intelligence At The Next Level.</p>"
    },
    {
      "type": "header",
      "content": "App Store Badge"
    },
    {
      "type": "image_picker",
      "id": "app_store_image",
      "label": "App Store badge image"
    },
    {
      "type": "url",
      "id": "app_store_link",
      "label": "App Store link"
    },
    {
      "type": "header",
      "content": "Google Play Badge"
    },
    {
      "type": "image_picker",
      "id": "google_play_image",
      "label": "Google Play badge image"
    },
    {
      "type": "url",
      "id": "google_play_link",
      "label": "Google Play link"
    },
    {
      "type": "header",
      "content": "Phone / Media"
    },
    {
      "type": "image_picker",
      "id": "phone_image",
      "label": "Phone mockup image"
    },
    {
      "type": "color",
      "id": "phone_bg",
      "label": "Phone placeholder background",
      "default": "#C8D0DB"
    },
    {
      "type": "range",
      "id": "phone_radius",
      "label": "Phone corner radius",
      "min": 0,
      "max": 64,
      "step": 1,
      "unit": "px",
      "default": 32
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "background",
      "label": "Section background",
      "default": "#E8EAED"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text color",
      "default": "#111111"
    },
    {
      "type": "header",
      "content": "Typography"
    },
    {
      "type": "range",
      "id": "label_size",
      "label": "Label font size (desktop)",
      "min": 12,
      "max": 40,
      "step": 1,
      "unit": "px",
      "default": 24
    },
    {
      "type": "range",
      "id": "label_size_mobile",
      "label": "Label font size (mobile)",
      "min": 12,
      "max": 32,
      "step": 1,
      "unit": "px",
      "default": 18
    },
    {
      "type": "range",
      "id": "heading_size",
      "label": "Heading font size (desktop)",
      "min": 20,
      "max": 80,
      "step": 1,
      "unit": "px",
      "default": 48
    },
    {
      "type": "range",
      "id": "heading_size_mobile",
      "label": "Heading font size (mobile)",
      "min": 20,
      "max": 56,
      "step": 1,
      "unit": "px",
      "default": 36
    },
    {
      "type": "range",
      "id": "desc_size",
      "label": "Description font size (desktop)",
      "min": 12,
      "max": 24,
      "step": 1,
      "unit": "px",
      "default": 14
    },
    {
      "type": "range",
      "id": "desc_size_mobile",
      "label": "Description font size (mobile)",
      "min": 12,
      "max": 20,
      "step": 1,
      "unit": "px",
      "default": 14
    },
    {
      "type": "range",
      "id": "badge_height",
      "label": "Badge height (desktop)",
      "min": 28,
      "max": 64,
      "step": 2,
      "unit": "px",
      "default": 40
    },
    {
      "type": "range",
      "id": "badge_height_mobile",
      "label": "Badge height (mobile)",
      "min": 28,
      "max": 56,
      "step": 2,
      "unit": "px",
      "default": 40
    },
    {
      "type": "header",
      "content": "Layout"
    },
    {
      "type": "range",
      "id": "max_width",
      "label": "Max width",
      "min": 900,
      "max": 1600,
      "step": 10,
      "unit": "px",
      "default": 1280
    },
    {
      "type": "range",
      "id": "padding_horizontal",
      "label": "Horizontal padding",
      "min": 16,
      "max": 120,
      "step": 4,
      "unit": "px",
      "default": 64
    },
    {
      "type": "range",
      "id": "padding_top",
      "label": "Top padding",
      "min": 0,
      "max": 160,
      "step": 4,
      "unit": "px",
      "default": 80
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "label": "Bottom padding",
      "min": 0,
      "max": 160,
      "step": 4,
      "unit": "px",
      "default": 80
    }
  ],
  "blocks": [],
  "presets": [
    {
      "name": "App Download Promo"
    }
  ]
}