[et_pb_section fb_built=”1″ custom_padding_last_edited=”off|desktop” _builder_version=”4.21.0″ background_color=”#4c4940″ background_video_width=”1920″ min_height=”700px” min_height_tablet=”” min_height_phone=”” min_height_last_edited=”on|phone” height_tablet=”” height_phone=”” height_last_edited=”on|phone” custom_margin=”||||false|false” custom_padding_phone=”64px||||false|false” bottom_divider_color=”#ffffff” bottom_divider_height=”25px” bottom_divider_flip=”vertical” animation_direction=”right” scroll_horizontal_motion=”0|50|50|100|-2|0|2″ hover_enabled=”0″ background_last_edited=”on|phone” background_enable_image_phone=”off” parallax_phone=”off” background_size_phone=”contain” background_image_width_phone=”90%” background_position_phone=”top_center” background_horizontal_offset_phone=”0%” background_vertical_offset_phone=”18%” background_enable_mask_style_phone=”off” background_mask_aspect_ratio_phone=”portrait” background_mask_size_phone=”contain” global_colors_info=”{}” transform_styles__hover_enabled=”off|hover” transform_scale__hover_enabled=”off|hover” transform_translate__hover_enabled=”off|hover” transform_rotate__hover_enabled=”off|hover” transform_skew__hover_enabled=”off|hover” transform_origin__hover_enabled=”off|hover” title_text=”s22-hero-ggbridge-fog” background_image=”https://www.studio22.com/wp-content/uploads/2023/08/s22-hero-ggbridge-fog.jpg” sticky_enabled=”0″][et_pb_row make_equal=”on” custom_padding_last_edited=”on|tablet” disabled_on=”off|off|off” _builder_version=”4.21.0″ background_enable_color=”off” parallax=”on” module_alignment=”center” custom_margin=”|auto||auto|false|false” custom_margin_tablet=”|auto||auto|false|false” custom_margin_phone=”0vh|auto|0px|auto|false|false” custom_margin_last_edited=”on|phone” custom_padding=”||||false|false” custom_padding_tablet=”32px||||false|false” custom_padding_phone=”0px||0px||true|false” animation_direction=”top” scroll_vertical_motion=”0|50|50|100|2|0|-2″ scroll_horizontal_motion=”0|50|50|100|-2|0|2″ scroll_fade=”0|50|50|100|100%|100%|0%” motion_trigger_start=”bottom” scroll_fade_tablet=”0|50|50|100|100%|100%|0%” scroll_fade_phone=”0|52|52|100|100%|100%|100%” scroll_fade_last_edited=”on|phone” border_color_all=”#ffffff” global_colors_info=”{}” max_width__hover_enabled=”off|desktop”][et_pb_column type=”4_4″ _builder_version=”4.16″ background_enable_color=”off” custom_padding=”||||false|false” custom_css_main_element=”margin: auto” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.21.0″ text_font=”||||||||” text_text_color=”#2D2A26″ header_text_align=”left” header_text_color=”#FFFFFF” header_font_size=”65px” header_2_text_color=”#2D2A26″ header_2_font_size=”44px” header_3_text_color=”#FFFFFF” header_3_font_size=”27px” header_4_font=”||||||||” header_5_font=”|300|||||||” header_5_text_color=”#FFFFFF” header_5_font_size=”22px” header_5_letter_spacing=”1px” header_5_line_height=”1.6em” header_6_text_color=”#ffffff” header_6_letter_spacing=”1px” background_layout=”dark” width=”70%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|desktop” module_alignment=”left” min_height_tablet=”” min_height_phone=”” min_height_last_edited=”on|phone” max_height_tablet=”” max_height_phone=”” max_height_last_edited=”on|desktop” custom_margin=”-1px||||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|phone” custom_padding=”|20px|||false|false” custom_padding_tablet=”” custom_padding_phone=”” custom_padding_last_edited=”on|tablet” animation_direction=”left” hover_enabled=”0″ text_font_size_tablet=”” text_font_size_phone=”17px” text_font_size_last_edited=”on|phone” header_font_tablet=”” header_font_phone=”|700|||||||” header_font_last_edited=”on|desktop” header_text_align_tablet=”center” header_text_align_phone=”center” header_text_align_last_edited=”on|phone” header_font_size_tablet=”” header_font_size_phone=”38px” header_font_size_last_edited=”on|tablet” header_2_font_size_tablet=”44px” header_2_font_size_phone=”34px” header_2_font_size_last_edited=”on|phone” header_3_text_align_tablet=”” header_3_text_align_phone=”center” header_3_text_align_last_edited=”on|desktop” header_3_font_size_tablet=”27px” header_3_font_size_phone=”20px” header_3_font_size_last_edited=”on|desktop” header_4_font_size_tablet=”” header_4_font_size_phone=”18px” header_4_font_size_last_edited=”on|desktop” header_5_font_size_tablet=”22px” header_5_font_size_phone=”14px” header_5_font_size_last_edited=”on|phone” header_6_font_size_tablet=”” header_6_font_size_phone=”12px” header_6_font_size_last_edited=”on|phone” text_orientation_tablet=”center” text_orientation_phone=”” text_orientation_last_edited=”on|desktop” module_alignment_tablet=”” module_alignment_phone=”center” module_alignment_last_edited=”on|desktop” border_color_right=”#5b5b5b” global_colors_info=”{}” transform_styles__hover_enabled=”off|desktop” transform_scale__hover_enabled=”off|desktop” transform_translate__hover_enabled=”off|desktop” transform_rotate__hover_enabled=”off|desktop” transform_skew__hover_enabled=”off|desktop” transform_origin__hover_enabled=”off|desktop” filter_hue_rotate__hover_enabled=”off|hover” width__hover_enabled=”off|hover” width__hover=”70%” sticky_enabled=”0″]

A Bay Area Digital Design and Marketing Agency.

We deliver a unique blend of strategy and creativity designed to help brands maximize their potential.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” background_enable_color=”off” background_enable_image=”off” custom_padding=”||||false|false” animation_style=”fade” global_colors_info=”{}”][et_pb_row custom_padding_last_edited=”on|phone” _builder_version=”4.18.0″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”||0px||false|false” custom_margin_last_edited=”on|phone” custom_padding_tablet=”” custom_padding_phone=”||0px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” text_text_color=”#2D2A26″ text_font_size=”20px” header_text_align=”left” header_2_text_align=”left” header_2_font_size=”40px” global_colors_info=”{}”]

Featured Work

Explore a collection of our latest web design and branding projects.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][ess_grid alias=”home-small-grid”][/ess_grid][/et_pb_code][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjUzMTEifX0=@” button_text=”View more work” button_alignment=”right” button_alignment_tablet=”center” button_alignment_phone=”center” button_alignment_last_edited=”on|phone” disabled_on=”on|off|off” _builder_version=”4.18.0″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_text_size=”15px” button_text_color=”#2D2A26″ button_bg_color=”#FFFFFF” button_border_width=”0px” button_border_color=”#2D2A26″ button_border_radius=”3px” button_font=”|700||on|||||” button_icon=”E||divi||400″ button_icon_color=”#2D2A26″ button_on_hover=”off” custom_margin=”||0px||false|false” custom_padding=”||||false|false” animation_style=”slide” animation_direction=”bottom” animation_delay=”500ms” animation_intensity_slide=”25%” button_text_size_tablet=”17px” button_text_size_phone=”16px” button_text_size_last_edited=”on|desktop” button_text_color_tablet=”#FFBC2D” button_text_color_phone=”#2D2A26″ button_text_color_last_edited=”on|desktop” button_bg_color_tablet=”” button_bg_color_phone=”#FFBC2D” button_bg_color_last_edited=”on|desktop” button_bg_enable_color_phone=”on” button_border_width_tablet=”2px” button_border_width_phone=”2px” button_border_width_last_edited=”on|desktop” button_font_tablet=”||||||||” button_font_phone=”|600|||||||” button_font_last_edited=”on|phone” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” button_text_color__hover=”#FFBC2D” button_text_color__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” button_bg_color__hover=”#FFFFFF” button_bg_color__hover_enabled=”on|hover” button_bg_enable_color__hover=”on” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#FFBC2D” transform_scale__hover=”112%|112%” button_text_size__hover_enabled=”on|hover” button_text_size__hover=”15px” button_border_width__hover_enabled=”on|desktop” button_border_width__hover=”0px”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” background_color=”#D9D9D9″ custom_padding=”65px||128px||false|false” animation_style=”fade” global_colors_info=”{}”][et_pb_row _builder_version=”4.18.0″ _module_preset=”default” custom_margin=”||0px||false|false” custom_padding=”||32px||false|false” border_color_bottom=”#FFBC2D” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” header_2_font_size=”37px” width=”65%” module_alignment=”left” global_colors_info=”{}”]

Comprehensive digital web services, custom tailored for your business design needs

[/et_pb_text][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” text_text_color=”#2D2A26″ text_font_size=”20px” header_text_color=”#2D2A26″ header_font_size=”45px” header_3_font=”||||||||” header_3_text_color=”#2D2A26″ header_3_line_height=”1.4em” header_4_text_align=”left” header_5_text_align=”left” header_5_text_color=”#FFFFFF” text_orientation=”center” width=”65%” custom_padding=”||||false|false” custom_padding_tablet=”|32px|||false|false” custom_padding_phone=”|0px|||false|false” custom_padding_last_edited=”on|phone” border_color_right=”#EA692F” border_width_right_tablet=”1px” border_width_right_phone=”0px” border_width_right_last_edited=”on|phone” global_colors_info=”{}”]

Studio 22 Design is a Bay Area web design and branding agency providing clients with scalable design and marketing solutions that drive sustainable growth.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_accordion open_toggle_background_color=”RGBA(255,255,255,0)” closed_toggle_text_color=”rgba(45,42,38,0.77)” closed_toggle_background_color=”RGBA(255,255,255,0)” toggle_icon=”P||divi||400″ icon_color=”#2D2A26″ use_icon_font_size=”on” icon_font_size=”22px” _builder_version=”4.20.2″ _module_preset=”default” body_link_text_color=”#EA692F” custom_margin=”||||false|false” custom_padding=”0px||0px||false|false” border_width_all=”0px” border_color_all=”#aaaaaa” border_width_bottom=”1px” global_colors_info=”{}”][et_pb_accordion_item title=”Website Design” open=”on” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”]

From complex web apps to simple, brochure-style websites and microsites—we custom design and build sites from the ground up to be an effective marketing tool. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Website Development” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” open=”off”]

We specialize in custom WordPress and Webflow development utilizing responsive, mobile-friendly designs and leverage existing, widely used technologies that scale and adapt as your needs change. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Naming & Branding” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}” open=”off”]

Saying your brand name is important is an understatment. You brand name is critical and sets the stage for all promotion in the future from marketing and advertising to sales and social. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Logo Design & Identity” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}” open=”off”]

We conceptualize and design strong brand logos and messgaing platforms that connect with customers and leave an indelible mark. Learn more

[/et_pb_accordion_item][/et_pb_accordion][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_accordion open_toggle_background_color=”RGBA(255,255,255,0)” closed_toggle_text_color=”rgba(45,42,38,0.77)” closed_toggle_background_color=”RGBA(255,255,255,0)” toggle_icon=”P||divi||400″ icon_color=”#2D2A26″ use_icon_font_size=”on” icon_font_size=”22px” _builder_version=”4.18.0″ _module_preset=”default” body_link_text_color=”#EA692F” custom_margin=”||||false|false” custom_padding=”0px||0px||false|false” border_width_all=”0px” border_color_all=”#aaaaaa” border_width_bottom=”1px” global_colors_info=”{}”][et_pb_accordion_item title=”Website Accessibility & ADA Compliance” open=”on” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”]

Provide an inclusive user experience to everyone, regardless of ability! We have a simple, streamlined solution to be compliant and inclusive. By partnering with accessiBe, we provide clients with a turnkey ADA compliant solution. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Presentations & Pitch Decks” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}” open=”off”]

We carefully craft presentations and pictch decks that help tell your story. Our presentation design is both compelling and effective. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Illustrations” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}” open=”off”]

As artists first, we work with clients to create illustrations in almost any style from hand drawn illustrations to isometric, pixel art, and patterns. Learn more

[/et_pb_accordion_item][et_pb_accordion_item title=”Web Hosting & Maintenance” _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}” open=”off”]

We support our clients by providing a variety of hosting options to fit their budgetary, technical and security needs. We also provide monthly web maintenance programs. Learn more

[/et_pb_accordion_item][/et_pb_accordion][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16″ background_color=”#2D2A26″ custom_padding=”96px|||||” animation_style=”fade” border_width_top=”2px” border_color_top=”rgba(58,58,58,0.18)” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.4″ _module_preset=”default” width=”90%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://live-studio22.pantheonsite.io/wp-content/uploads/2022/04/Globe.svg” title_text=”Globe” align=”center” _builder_version=”4.17.3″ _module_preset=”default” width=”100px” width_tablet=”100px” width_phone=”65%” width_last_edited=”on|phone” scroll_scaling_enable=”on” scroll_scaling=”0|50|50|100|130%|80%|100″ scroll_blur_enable=”on” scroll_blur=”0|40|60|100|20px|0px|0px” motion_trigger_start=”bottom” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.18.0″ header_text_align=”center” header_2_font=”|700|||||||” header_2_text_align=”center” text_orientation=”center” background_layout=”dark” width=”70%” width_tablet=”70%” width_phone=”100%” width_last_edited=”on|phone” module_alignment=”center” custom_padding=”|0px|20px|” custom_padding_tablet=”|10%||10%” custom_padding_phone=”|||” custom_padding_last_edited=”on|tablet” text_font_size_tablet=”” text_font_size_phone=”” text_font_size_last_edited=”on|phone” header_font_size_tablet=”” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” global_colors_info=”{}”]

Trusted by the top brands worldwide.

Our web design and branding work represents a broad range of industries with clients not just in the Bay Area and Silicon Valley, but from all over the globe.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.16″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_gallery gallery_ids=”9999,10000,10001,10002,10003,10004,10005,10006,10007,10008,10009,10010″ gallery_orderby=”rand” posts_number=”12″ show_title_and_caption=”off” show_pagination=”off” zoom_icon_color=”RGBA(255,255,255,0)” hover_overlay_color=”RGBA(255,255,255,0)” _builder_version=”4.18.0″ _module_preset=”default” max_width_tablet=”” max_width_phone=”69%” max_width_last_edited=”on|phone” module_alignment=”center” custom_margin=”||||false|false” custom_padding=”||||false|false” custom_padding_tablet=”||||false|false” custom_padding_phone=”||||false|false” custom_padding_last_edited=”on|phone” animation_style=”fade” scroll_horizontal_motion=”0|50|50|100|2|0|-2″ scroll_fade_enable=”off” global_colors_info=”{}”][/et_pb_gallery][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”off|” _builder_version=”4.16″ background_color=”#ededed” use_background_color_gradient=”on” background_color_gradient_stops=”#ededed 0%|#ffffff 100%” background_color_gradient_start=”#ededed” background_color_gradient_end=”#ffffff” global_colors_info=”{}”][et_pb_row column_structure=”1_3,2_3″ _builder_version=”4.16″ animation_style=”slide” animation_direction=”bottom” animation_intensity_slide=”10%” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https://live-studio22.pantheonsite.io/wp-content/uploads/2022/04/Letschat-1.svg” title_text=”Letschat” align=”center” _builder_version=”4.17.3″ _module_preset=”default” width=”200px” width_tablet=”200px” width_phone=”62%” width_last_edited=”on|phone” scroll_scaling_enable=”on” scroll_scaling=”0|50|50|100|130%|80%|100″ scroll_blur_enable=”on” scroll_blur=”0|40|60|100|20px|0px|0px” motion_trigger_start=”bottom” global_colors_info=”{}”][/et_pb_image][/et_pb_column][et_pb_column type=”2_3″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text ul_type=”square” ul_position=”inside” ul_item_indent=”38″ _builder_version=”4.18.0″ text_font=”||||||||” link_text_color=”#EA692F” ul_text_color=”#ee4048″ header_font_size=”55px” header_2_font=”|700|||||||” header_3_line_height=”1.3em” header_font_size_tablet=”55px” header_font_size_phone=”40px” header_font_size_last_edited=”on|phone” global_colors_info=”{}”]

Are you ready to maximize your marketing efforts?

Tell us a bit about yourself and what design work you need help with. Schedule a free consultation today and start maximizing your online web presence.

[/et_pb_text][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjI4ODUifX0=@” button_text=”Say Hello!” button_alignment=”right” button_alignment_tablet=”center” button_alignment_phone=”center” button_alignment_last_edited=”on|phone” disabled_on=”on|off|off” _builder_version=”4.18.0″ _dynamic_attributes=”button_url” _module_preset=”default” custom_button=”on” button_text_size=”15px” button_text_color=”#2D2A26″ button_bg_color=”#FFFFFF” button_border_width=”0px” button_border_color=”#2D2A26″ button_border_radius=”3px” button_font=”|700||on|||||” button_icon=”E||divi||400″ button_icon_color=”#2D2A26″ button_on_hover=”off” custom_margin=”||0px||false|false” custom_padding=”||||false|false” animation_style=”slide” animation_direction=”bottom” animation_delay=”500ms” animation_intensity_slide=”25%” button_text_size_tablet=”17px” button_text_size_phone=”16px” button_text_size_last_edited=”on|desktop” button_text_color_tablet=”#FFBC2D” button_text_color_phone=”#2D2A26″ button_text_color_last_edited=”on|desktop” button_bg_color_tablet=”” button_bg_color_phone=”#FFBC2D” button_bg_color_last_edited=”on|desktop” button_bg_enable_color_phone=”on” button_border_width_tablet=”2px” button_border_width_phone=”2px” button_border_width_last_edited=”on|desktop” button_font_tablet=”||||||||” button_font_phone=”|600|||||||” button_font_last_edited=”on|phone” global_colors_info=”{}” transform_styles__hover_enabled=”on|hover” button_text_color__hover=”#FFBC2D” button_text_color__hover_enabled=”on|hover” transform_scale__hover_enabled=”on|hover” transform_translate__hover_enabled=”on|desktop” transform_rotate__hover_enabled=”on|desktop” transform_skew__hover_enabled=”on|desktop” transform_origin__hover_enabled=”on|desktop” button_bg_color__hover=”#FFFFFF” button_bg_color__hover_enabled=”on|hover” button_bg_enable_color__hover=”on” button_border_color__hover_enabled=”on|hover” button_border_color__hover=”#FFBC2D” transform_scale__hover=”112%|112%” button_text_size__hover_enabled=”on|hover” button_text_size__hover=”15px” button_border_width__hover_enabled=”on|hover” button_border_width__hover=”0px”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” background_color=”#2D2A26″ global_colors_info=”{}”][et_pb_row _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.18.0″ _module_preset=”default” text_font=”||||||||” text_text_color=”#FFBC2D” header_3_text_align=”center” header_3_text_color=”#FFFFFF” text_orientation=”center” global_colors_info=”{}”]

Supporting client’s web design and branding needs in the greater San Francisco Bay Area and beyond.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Home