Skip to content
BetaFree MCP server

0cred

0cred.com/

0cred is a verification platform where developers turn work they've done — frontend, backend, or DNS-level proof — into a cryptographically verified profile they can share instead of a resume. The homepage headline reads "Verify yourself. Build a profile. Find your dream job.(or side-gig)" and leads with the claim that verifications "persist forever, even if someone deletes the ID." New signups are framed as a "trade offer": three free credits worth $15. Rather than a features list, the page runs a conversational before/after scenario contrasting a rejected candidate ("all my past work is under NDA") with one who has a 0cred link, and offers private, NDA-safe verification links for recruiters.

Category
People & Culture
Style
LightColorful
Stack
Next.jsTailwind CSS
Fonts
GeistSans
Palette
Meta title
0cred
Sections
8
Updated

0cred's landing page, section by section

Each section below is cropped straight from 0cred's live page — useful references for people & culture landing page design.

0cred design review: how the homepage is built

The 0cred homepage runs top to bottom as a hero card with a username claim field, a sideways row of featured profile cards, a black terminal-style window, a link-in-bio panel, a two-column comparison, a three-step verification panel, a signup prompt and a black footer. The full desktop capture is 7181px tall. Colour is limited to the lime #cadf28 on buttons and footer headings plus the hero backdrop, a cloud photograph in the full capture and a pink and yellow arch pattern (#cb96a4, #fcd897) in the hero crop. The display face is GeistSans.

Above the fold

The hero is a rounded card with the headline "Verify yourself. Build a profile. Find your dream job." and the grey "(or side-gig)". Below it are a "0cred.com/" field and a lime "Claim your username" button. A white card for "yourproject.com" tagged "Frontend" holds three thumbnails, beside a GitHub tile showing "268" contribs and a two-by-two grid of X, LinkedIn, Discord and TikTok icons. Grey side captions annotate the mock.

Featured profiles and terminal explainer

A "Featured profiles" heading introduces a row of cards cut off at both edges. Each shows a handle such as "brandydan" or "phil", a domain pill like "happypizza.studio" and a grey "DNS Verification" label. Then "Every project you share is verified." sits above a black window titled "How it works" with four numbered monospace steps and lime "verifying."

Link-in-bio, comparison and verification steps

The panel "Link-in-bio that lands you a job" stacks three alternating rows of dark dashboard screenshots and text, tagged with a lime "for social media" chip and blue "to get a job" chips. Below, two columns are captioned "You (getting rejected)" and "Ocred users (getting a job)". A final panel, "Verification is quick, easy and foolproof.", alternates screenshots with "1. Enter a URL", "2. Pick a verification type" and "3. Add your verification ID".

Closing section and footer

"Don't miss out" and "Register and claim 3 free credits." sit with a black "Sign Up" button, beside a purple image headed "TRADE OFFER" with "YOU RECEIVE:" and "WE RECEIVE:" columns. The rounded black footer has a large "0cred" wordmark, a "Sitemap" column of six links, a "Contact" column with "x.com", "Email" and "Get a demo", and a row reading "built by adler.studio" beside four legal links.

On mobile

At 390px the page is 6953px tall and keeps the same order in one column. The headline, the "Ocred.com/" field and the lime button stack above a shrunken hero card whose sticker and icon tiles overlap its edge. Featured cards still scroll sideways, one and a half visible. The hero captions disappear, the comparison columns stack vertically, and the footer link columns stack.

Worth borrowing

  • Making the hero a live mock of the product, with callouts like "drag, drop, and resize blocks; customize everything with CSS", shows the output before asking for a username.
  • A terminal-styled "How it works" window with numbered steps speaks to developers in their own visual language.
  • Colour-coded chips such as "for social media" and "to get a job" label each feature row by who benefits.
Deel landing page design
Deel
People & Culturedeel.com/
Metaview landing page design
Metaview
People & Culturemetaview.ai/
Cultureamp landing page design
Cultureamp
People & Culturecultureamp.com/
Openroll landing page design
Openroll
People & Cultureopenroll.com/
Remote landing page design
Remote
People & Cultureremote.com/
Gusto landing page design
Gusto
People & Culturegusto.com/