Desktop Design

Mobile Design

Huddle landing page with alternating feature blocks

<h1 style="opacity: 1;">Build The Community Your Fans Will Love</h1>

<p style="opacity: 0;">Huddle re-imagines the way we build communities. You have a voice, but so does your audience. Create connections with your users as you engage in genuine discussion.</p>

<div class="card-desc desc-left"><h2>Grow Together</h2><p>Generate meaningful discussions with your audience and build a strong, loyal community. Think of the insightful conversations you miss out on with a feedback form.</p></div>

<div class="card-desc desc-right"><h2>Flowing Conversations</h2><p>You wouldn't paginate a conversation in real life, so why do it online? Our threads have just-in-time loading for a more natural flow.</p></div>

<div class="card-desc desc-left"><h2>Your Users</h2><p>It takes no time at all to integrate Huddle with your app's authentication solution. This means, once signed in to your app, your users can start chatting immediately.</p></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>

<div class="footer-mid"><div><a>About Us</a><a>What We Do</a><a>FAQ</a></div><div><a>Career</a><a>Blog</a><a>Contact Us</a></div></div>

84"><defs><linearGradient id="a" x1="352.43" y1="317.15" x2="352.43" y2="135.71" gradientUnits="userSpaceOnUse"><stop

0"></rect><filter x="-1.6%" y="-2.5%" width="103.1%" height="105%" filterUnits="objectBoundingBox" id="a"><feOff

rGradient><linearGradient id="b" x1="569.83" y1="551.49" x2="569.83" y2="380.82" xlink:href="#a"></line

nk"><defs><rect id="b" width="960" height="600" rx="20"></rect

rGradient><linearGradient id="c" x1="171.5" y1="319.2" x2="171.5" y2="319.02" xlink:href="#a"></line

d"></path><filter x="-1.6%" y="-23.4%" width="103.1%" height="146.9%" filterUnits="objectBoundingBox" id="c"><feOff

rGradient><linearGradient id="d" x1="228.01" y1="853.75" x2="228.01" y2="250.26" xlink:href="#a"></line

></filter><path d="M20 0h920c11.046 0 20 8.954 20 20v44H0V20C0 8.954 8.954 0 20 0z" id="d"></path

rGradient><linearGradient id="e" x1="944.05" y1="849.94" x2="944.05" y2="268.42" xlink:href="#a"></line

></filter><linearGradient x1="14.811%" y1="-22.362%" x2="75.996%" y2="119.406%" id="e"><stop

94"><defs><linearGradient id="a" x1="652.58" y1="850.47" x2="652.58" y2="265.49" gradientUnits="userSpaceOnUse"><stop

rGradient><linearGradient id="b" x1="1069.38" y1="751.23" x2="1069.38" y2="686.58" xlink:href="#a"></line

02"><defs><linearGradient id="a" x1="975.77" y1="484.92" x2="975.77" y2="87.89" gradientTransform="translate(-77.03)" gradientUnits="userSpaceOnUse"><stop

rGradient><linearGradient id="b" x1="649.11" y1="832.85" x2="649.11" y2="382.11" xlink:href="#a"></line

></script><style media="all" id="fa-v4-font-face">/*!  *

a}</style><style media="all" id="fa-v5-font-face">/*!  *

)}</style><style media="all" id="fa-v4-shims">/*!  *

0}</style><style media="all" id="fa-main">/*!  *

Please log in to post a comment

Community feedback

responsive landing page created with reactjs and framermotion

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community