Skip to main content

​
Quickstart

Follow these steps to launch your first okl.ink project page.
1

Sign in with Email OTP

Visit okl.ink/login and sign in using your email address. Enter the verification code to authenticate and access your Dashboard.
2

Create a New Project Page

From your Dashboard, click Create Project.Provide the core details:
  • Title: The headline displayed on your project header (e.g., My Launch Project).
  • Description: A concise one-line summary of what you are sharing.
  • Slug: Your unique URL identifier (e.g., my-project resolves to okl.ink/my-project).
  • Cover Image (Optional): A banner image URL (https://...).
Click Create Page to open the interactive canvas builder.
3

Add & Arrange Your Link Tiles

Click the Add Tile button (+) on the canvas to add your resources.

Live Demo / Website

URL to your hosted deployment (e.g., Vercel, Fly.io, custom domain).

Code Repository

Link to GitHub, GitLab, or SourceHut repo.

Documentation

Link to docs, API specs, or guides.

Socials & Media

Interactive embed cards for X, LinkedIn, or YouTube videos.
Select a tile size:
  • 1x1: Compact square icon widget
  • 2x1: Standard horizontal card with title & subtitle
  • 2x2: Large square for rich media & social previews
  • 4x1: Full-width banner strip
Start using okl.ink bento grid canvas

Interactive Bento Canvas & Tile Builder

Drag and drop tiles on the canvas to reorder them in real-time.
4

Customize Appearance & Theme

Open the Appearance panel in the builder sidebar:
  1. Presets: Choose from oklink (warm editorial), midnight (deep slate), paper (minimal sepia), vivid (punchy indigo/orange), or lofi (matte monochrome).
  2. Typography: Select Modern (Inter/system), Editorial (serif), Mono (code), or Geist.
  3. Corner Radius: Adjust between Sharp, Rounded, Soft, or Pill.
  4. Density: Toggle between Compact, Comfortable, and Airy.
  5. Custom Colors: Override background and accent colors with real-time contrast calculations.
Theme and styling customizations

Theme & Appearance Customization Panel

5

Publish and Share

Toggle the Published switch in the top toolbar.Your page is now live at okl.ink/<your-slug>.
Copy the short link or click Share to generate a QR code and preview your dynamic OpenGraph card for social media.