Our Logo WebAsOne
  •    Home  
  •    How To  
  •    Join US  
  •     Design  
      Design Block     Design Patterns     Animation     Themes     Fonts  
  •    Marketing  
      Hero     About     BIO     Contact     CTA     FAQ     Footer     Portfolio     Price     Service     Team     Testimonials  
  •    Pages  
  •    UI  
      ReactJS     SvelteJS     VueJS  
  •    Apps  
      OpenSource     Mini-Apps     Lessons  

WebAsOne's Goal

Duplicate the layout and design of an existing website.

  Start
  • Website design
    • website background: image, dark or white
    • Select a theme color
    • Select a default website font
  Create Pages and Layout
  • Use InsertMenu
  • Select DefaultWebiste script file
    • Enter the list of pages and click executeScript
    • This will create eight shortcut blocks for the home page and three shortcut blocks for non-home pages.
    • The entire process takes less than 3 minutes.
  Design a page
  • Design a block.
    • Find the closest matching design
      • First try found in Pages
      • Next to find in Design-Marketing
      • Next to find in Design/DesignBlock
      • If none, use a generic oneColumn block
      • The missing design will be added shortly
    • Copy and paste a design into the target block
    • To replace the text with AI, use "Replace Insert."
    • Two minutes per block with AI-replaced content.
  • Optional step: to add animation. Only apply to the Python module's one, two, three, and four columns.
    • Select a desired animation 
    • Using "Insert" to copy and paste without deleting the original content
    • Remove the non-animation record. Usually, it is the second-to-last record.
Copyright © 2025 by WebAsOne LLC, All Rights Reserved