Office
20 W 22nd Street
New York, NY 10010
Contact Sections
Contact layouts spanning compact forms, split-screen inquiries, and multi-channel support patterns.
How To Use This Page
Contact Sections sits inside the Marketing part of the catalog and collects reusable examples that solve the same job in different ways.
This page currently groups 7 examples so you can compare structure, emphasis, and density before choosing an implementation direction.
How The Content Is Grouped
- The examples are grouped as a single Marketing reference page so you can compare variations without leaving the route.
- Use the jump links to move straight to the most relevant example once you know which structure, layout, or emphasis pattern you need.
Start With
Simple Two Column
Core contact content on the left and a lead capture form on the right.
Simple Four Column
A row of high-signal contact method cards.
Centered
Centered form pattern for cleaner contact pages.
Side By Side Grid
Informational panel paired with a broader inquiry form.
Split Two Tone
Dark information panel alongside a bright form surface.
Split With Image
Large media placeholder on the left with a structured form on the right.
Split Brand Panel
Strong orange value proposition panel next to a white lead form.
Variant 1
Simple Two Column
Core contact content on the left and a lead capture form on the right.
Talk with us
Tell us what you are building
Whether you need a design system audit, implementation support, or a fast consultation, the team can help you map the right next step.
hello@northstar.so
Phone
+1 (212) 555-0189
Location
20 W 22nd Street, New York, NY 10010
Variant 2
Simple Four Column
A row of high-signal contact method cards.
Reach the right team
Choose the fastest way to contact us
Phone
+1 (212) 555-0189
Mon to Fri, 9am to 6pm
team@northstar.so
Replies within one business day
Social
@northstarhq
LinkedIn, X, and Dribbble
Variant 3
Centered
Centered form pattern for cleaner contact pages.
Start a conversation
Talk to the team
Share a few project details and we will follow up with the right specialist.
Variant 4
Side By Side Grid
Informational panel paired with a broader inquiry form.
Variant 5
Split Two Tone
Dark information panel alongside a bright form surface.
Contact
Work with a team that ships systems, not slides
Strategy, implementation, and enablement support for teams that need a durable UI foundation.
Contact info
hello@northstar.so
Phone
+1 (212) 555-0189
Location
New York, United States
Send us a message
We usually reply within one working day with next steps and a recommended engagement model.
Variant 6
Split With Image
Large media placeholder on the left with a structured form on the right.
Studio visit
New York HQ
Meet the product, design, and engineering leads in one place.
Book a consultation
Tell us where your team is stuck
We help teams diagnose adoption problems, rebuild component architecture, and create implementation plans that can ship.
Variant 7
Split Brand Panel
Strong orange value proposition panel next to a white lead form.
Why teams reach out
Move from one-off UI decisions to a system people trust
A focused engagement helps your team reduce inconsistency, improve delivery speed, and align product, design, and engineering.
- Clarify your component roadmap in one workshop
- Audit tokens, primitives, and documentation gaps
- Create an implementation plan the team can own
Project brief
Request a tailored walkthrough
Share your team size, current stack, and timeline. We will reply with recommended scope and a proposed intro call.