Responsive Torq Digital

Website Design

[ba_dual_button btn_alignment=”center” btn_a_text=”Download Now” btn_a_link=”https://library.divitorque.com/wp-content/uploads/2021/11/torque_digital_layout.zip” btn_b_text=”View Demo” btn_b_link=”https://library.divitorque.com/torq-digital-demo/” btn_b_link_target=”_blank” button_gap=”19px” _builder_version=”4.14.2″ _module_preset=”default” custom_btn_a=”on” btn_a_text_size=”18px” btn_a_text_color=”#5b2cff” btn_a_bg_color=”#FFFFFF” btn_a_border_width=”0px” btn_a_border_radius=”5px” btn_a_font=”Lato|700|||||||” btn_a_use_icon=”off” btn_a_custom_padding=”14px|32px|14px|32px|true|true” btn_a_custom_padding_tablet=”14px|32px|14px|32px|true|true” btn_a_custom_padding_phone=”10px|20px|10px|20px|true|true” btn_a_custom_padding_last_edited=”on|phone” custom_btn_b=”on” btn_b_text_size=”18px” btn_b_text_color=”#ffffff” btn_b_border_width=”1px” btn_b_border_color=”#FFFFFF” btn_b_border_radius=”5px” btn_b_font=”Lato|700|||||||” btn_b_use_icon=”off” btn_b_custom_padding=”13px|31px|13px|31px|true|true” btn_b_custom_padding_tablet=”13px|31px|13px|31px|true|true” btn_b_custom_padding_phone=”9px|22px|9px|22px|true|true” btn_b_custom_padding_last_edited=”on|phone” link_option_url_new_window=”on” btn_a_text_size_tablet=”18px” btn_a_text_size_phone=”14px” btn_a_text_size_last_edited=”on|desktop” btn_b_text_size_tablet=”18px” btn_b_text_size_phone=”14px” btn_b_text_size_last_edited=”on|phone” global_colors_info=”{}” btn_a_bg_color__hover_enabled=”on|desktop” btn_a_bg_color__hover=”#5b2cff” btn_a_bg_enable_color__hover=”on” btn_a_text_color__hover_enabled=”on|hover” btn_a_text_color__hover=”#ffffff” btn_b_bg_color__hover_enabled=”on|hover” btn_b_bg_color__hover=”rgba(255,255,255,0.5)” btn_b_bg_enable_color__hover=”on” btn_b_text_color__hover_enabled=”on|hover” btn_b_text_color__hover=”#5b2cff” btn_b_border_color__hover_enabled=”on|hover” btn_b_border_color__hover=”RGBA(255,255,255,0)”][/ba_dual_button]

Typography

Geomatric sans serif typography giver a breath of freshness, modernity and gives the impression of being user-friendly.

[ba_info_box photo=”https://library.divitorque.com/wp-content/uploads/2021/12/torq-manrope-img.svg” title=”Manrope” body_content=”

Regular

Medium

Semi Bold

Bold

” align_items=”center” content_padding=”15px|0px|0px|30px|false|false” figure_placement=”left” image_width=”202px” content_padding_tablet=”15px|0px|0px|30px|false|false” content_padding_phone=”15px|0px|0px|20px|false|false” content_padding_last_edited=”on|phone” image_width_tablet=”160px” image_width_phone=”160px” image_width_last_edited=”on|tablet” _builder_version=”4.14.2″ _module_preset=”default” title_font=”Manrope|700|||||||” title_text_color=”#2f327d” title_font_size=”32px” title_line_height=”1.28em” body_font=”Manrope||||||||” body_text_color=”#696984″ body_font_size=”18px” body_line_height=”1.27em” custom_margin=”|||90px|false|false” custom_margin_tablet=”|||0px|false|false” custom_margin_phone=”||30px|0px|false|false” custom_margin_last_edited=”on|tablet” title_font_size_tablet=”32px” title_font_size_phone=”24px” title_font_size_last_edited=”on|phone” body_font_size_tablet=”18px” body_font_size_phone=”15px” body_font_size_last_edited=”on|phone” global_colors_info=”{}”][/ba_info_box]

[ba_info_box photo=”https://library.divitorque.com/wp-content/uploads/2021/12/torq-opensans-img.svg” title=”Open Sans” body_content=”

Regular

” align_items=”center” content_padding=”15px|0px|0px|30px|false|false” figure_placement=”left” image_width=”202px” content_padding_tablet=”||||false|false” content_padding_phone=”|||20px|false|false” content_padding_last_edited=”on|tablet” image_width_tablet=”160px” image_width_phone=”160px” image_width_last_edited=”on|phone” _builder_version=”4.14.2″ _module_preset=”default” title_font=”Open Sans|700|||||||” title_text_color=”#2f327d” title_font_size=”32px” title_line_height=”1.28em” body_font=”Open Sans||||||||” body_text_color=”#696984″ body_font_size=”18px” body_line_height=”1.27em” custom_margin=”||||false|false” title_font_size_tablet=”32px” title_font_size_phone=”24px” title_font_size_last_edited=”on|phone” body_font_size_tablet=”18px” body_font_size_phone=”15px” body_font_size_last_edited=”on|phone” module_alignment_tablet=”” module_alignment_phone=”” module_alignment_last_edited=”on|tablet” global_colors_info=”{}”][/ba_info_box]

Color Palate

Color can be expressive, as powerful as language. It can impress a user at first look. Here I have chosen colors considering the educational palate.

#2662FA

#050C35

#364552

#FFFFFF

Which Modules Used

Several Divi Torque Modules were used on this layout and we’ve mentioned all the Modules below used to design this Layout.

[ba_icon_box use_image=”on” icon_image=”https://library.divitorque.com/wp-content/uploads/2021/12/info-box.svg” title=”Info Box” icon_width=”60px” icon_height=”60px” icon_spacing=”20px” title_spacing=”0px” _builder_version=”4.14.2″ _module_preset=”default” title_font=”Poppins|500|||||||” title_text_color=”#111111″ title_font_size=”20px” title_line_height=”1.2em” background_color=”#FFFFFF” height=”186px” custom_padding=”40px|0px|40px|0px|false|true” border_radii_box=”on|5px|5px|5px|5px” global_colors_info=”{}”][/ba_icon_box]
[ba_icon_box use_image=”on” icon_image=”https://library.divitorque.com/wp-content/uploads/2021/12/image-carousel.svg” title=”Image Carousel” icon_width=”60px” icon_height=”60px” icon_spacing=”20px” title_spacing=”0px” _builder_version=”4.14.2″ _module_preset=”default” title_font=”Poppins|500|||||||” title_text_color=”#111111″ title_font_size=”20px” title_line_height=”1.2em” background_color=”#FFFFFF” height=”186px” custom_padding=”40px|0px|40px|0px|false|true” border_radii_box=”on|5px|5px|5px|5px” global_colors_info=”{}”][/ba_icon_box]
[ba_icon_box use_image=”on” icon_image=”https://library.divitorque.com/wp-content/uploads/2021/12/dual-button.svg” title=”Dual Button” icon_width=”60px” icon_height=”60px” icon_spacing=”20px” title_spacing=”0px” _builder_version=”4.14.2″ _module_preset=”default” title_font=”Poppins|500|||||||” title_text_color=”#111111″ title_font_size=”20px” title_line_height=”1.2em” background_color=”#FFFFFF” height=”186px” custom_padding=”40px|0px|40px|0px|false|true” border_radii_box=”on|5px|5px|5px|5px” global_colors_info=”{}”][/ba_icon_box]