BuildMar 17, 20266 min read

Building SGNL with V0 + Jotform

How I built the SGNL landing page and event RSVP system -- from spec document to live page in under an hour using Vercel v0 and Jotform.

View Live Site
SGNL

Underground Transmissions

SGNL is a new imprint under Destination Unknown -- a space for events, conversations, and future-facing underground culture. When I needed to launch it quickly for an upcoming event at Club 2020 in Eskisehir, I reached for the same stack that built this website: Vercel v0 for the frontend, plus Jotform for the RSVP system.

The result: a fully functional landing page with event details and form submission, built and deployed in under an hour.

The Spec-First Approach

Before opening v0, I wrote a spec document. Not code, not wireframes -- just a clear outline of what the page needed to do:

Information Architecture:

  • 1.Hero with SGNL mark and one-line manifesto
  • 2.What is SGNL section (2-3 bullets)
  • 3.Next Transmission (featured event card)
  • 4.Stay Connected (social links)
  • 5.Footer with imprint credit

The spec also included copy options for headlines, visual direction notes (dark, cinematic, minimal), and the CTA hierarchy. This document became my v0 prompt -- I literally pasted it and let the AI build from there.

Why Jotform for RSVPs

For event RSVPs, I needed something that:

  • --Collects attendee info without building a backend
  • --Sends confirmation emails automatically
  • --Exports to spreadsheet for door list management
  • --Embeds cleanly or works as a redirect

Jotform handles all of this out of the box. I created a simple form -- name, email, Instagram handle (for verification), plus/minus one guest -- styled it to match the SGNL aesthetic, and connected the CTA button to the form URL.

Total backend work: zero lines of code.

Same Brand, New Imprint

SGNL is not a standalone project -- it is an imprint under Destination Unknown, which means it inherits the same brand language. Before building, I referenced the existing brand context file that defines Destination Unknown's visual identity:

Shared Brand Elements:

  • --Color palette: deep black (#0A0A0A), warm gold (#C9A962), silver grays
  • --Typography: light weights, wide tracking, uppercase details
  • --Visual language: film grain, high contrast, cinematic framing
  • --Tone: minimal copy, enigmatic, let the visuals breathe

This is the power of having a documented brand context. When I told v0 to build SGNL, I included these guidelines in the prompt. The result looks like it belongs to the same family as the main Destination Unknown site -- because it does. Same DNA, different expression.

If you are building multiple imprints or sub-brands, document your visual language once and reference it every time. Consistency is not about copying -- it is about coherent family resemblance.

The V0 Build Process

With the spec and brand context ready, the v0 conversation was straightforward:

"Build a minimal landing page for SGNL, an underground events imprint. Dark background, subtle grain, gold accent color. Hero with headline 'Underground transmissions', a What is SGNL section, featured event card for Club 2020 Eskisehir on April 11, social links, and footer crediting KUVOKA."

Initial prompt

V0 generated the full page structure in seconds. From there, it was refinement:

  • --"Add film grain overlay to the background"
  • --"Make the CTA button link to the Jotform URL"
  • --"Add smooth scroll-reveal animations on each section"
  • --"Include a countdown or date highlight for the event"

Each iteration took seconds. The conversation felt like directing a designer who types at 1000 WPM.

The Final Stack

Landing PageVercel v0 (Next.js)
RSVP SystemJotform
StylingTailwind CSS
HostingVercel
Email ConfirmationsJotform Autoresponder
Attendee ManagementJotform → Google Sheets

What I Learned

Spec Documents Are Prompts

The clearer your spec, the better v0 performs. Writing the information architecture, copy options, and visual direction beforehand meant I could paste it directly as a prompt. No back-and-forth trying to explain what I wanted.

Not Everything Needs Custom Code

For RSVPs, I could have built a custom form with database storage, email sending, validation... or I could use Jotform and ship in 10 minutes. For an event page that needs to go live fast, the latter wins every time.

Modular Imprints Scale

SGNL lives at /sgnl under the main Destination Unknown site. This modular approach means I can spin up new imprints (different event series, collaborations, experiments) without rebuilding infrastructure each time.

Time Breakdown

Writing spec document20 min
V0 initial generation2 min
Iterative refinements15 min
Jotform setup + styling10 min
Connecting CTA to form2 min
Deploy + test5 min
Total~55 min

Share This Post

Download these Instagram-ready carousel slides and use the caption below. Swipe through to preview, then download all.

1 / 5

SGNL

Built in under an hour

@kuvokaplus
2 / 5

The Stack

Vercel v0

Jotform

Tailwind CSS

@kuvokaplus
3 / 5

The Secret

Spec = Prompt

@kuvokaplus
4 / 5

Same Brand

New Imprint

@kuvokaplus
5 / 5

Ship Fast

Iterate Later

@kuvokaplus
Caption
SGNL 001 is live. Built the entire landing page in under an hour. Stack: - Vercel v0 for the frontend - Jotform for RSVPs - Same brand context as Destination Unknown The secret? A clear spec document becomes your AI prompt. RSVP now: sgnl.vercel.app #buildinpublic #webdev #techno #undergroundmusic #vercel #v0 #SGNL #destinationunknown

Ship Fast, Iterate Later

SGNL is live. People are RSVPing for Club 2020. The page exists in the world, doing its job, while I focus on curating the actual event experience.

That is the real value of this stack: it removes the friction between having an idea and shipping it. V0 handles the frontend. Jotform handles the data collection. Vercel handles the hosting. All I had to do was write a spec and have a conversation.

Underground transmissions, now live.

Written byKUVOKA
Back to Blog