Web Design in San Francisco, CA

A SoMa or Mission startup site has to look like the founders would ship it themselves. The visual baseline is set by Stripe, Linear, Vercel, Notion, OpenAI, and Anthropic, and the buyer comparing your site has at least three of those tabs open. That means typography choices that read on a 27-inch monitor and a 6.1-inch screen, animation that respects reduced-motion preferences, performance budgets enforced through Lighthouse and real-user metrics, and copy that does not waste a word. CCPA and CPRA disclosures, working Do Not Sell or Share opt-out flows, and accessibility documentation are baseline rather than upgrades because enterprise procurement reviews ask for them. For consumer products, the homepage is a product surface — the same craft applies as the application itself.

Mission Bay biotech sites carry an unusual constraint: three audiences read the same page. Scientific peers want abstracts, mechanism-of-action diagrams, and named investigators. Investors want pipeline charts, recent press, and clear regulatory milestones. Recruiting candidates want lab photography, location detail near UCSF, and team pages that show real people. FDA promotional rules constrain claim language, particularly on therapeutic and device pages, and patient-facing tools touching protected health data fall under HIPAA layered with California's CMIA. The design challenge is editorial more than aesthetic — clear hierarchy across investor, scientific, and recruiting paths from a single homepage, with claim discipline that does not read as defensive.

FiDi RIAs, wealth-management boutiques, and venture funds work under the SEC Marketing Rule (Rule 206(4)-1) and, for broker-dealers, FINRA Rule 2210. That governs how testimonials, performance figures, and case studies are presented, what disclosures must accompany them, and how recordkeeping is handled. Public-facing pages also fall under California's most active ADA Title III enforcement environment, which has hit Bay Area finance sites repeatedly. The visual baseline is restrained editorial design — generous whitespace, conservative typography, real photography of real partners, named credential signaling, and trust pages (privacy, accessibility, security) that read as serious rather than templated.