Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdeveloperDeveloping AI tools for businesses. High-quality. Affordable.Message on Telegram
Relate — a preview of a site in this style

Relate

cool dawn over product canvas

Palette

Brand

  • Royal Signal #145aff

Neutral

  • Snow Canvas #fcfcfc
  • Lavender Wash #f0f4fe
  • Midnight Ink #020520
  • Graphite Body #14141e
  • Slate Caption #374151
  • Ash Helper #6b7280

Typography

from 12 to 80px · 8 steps

  • sans-serif — replacement: Inter · outlines 400
  • Inter — replacement: DM Sans · outlines 400, 500, 600
  • Pretendard — replacement: Pretendard (Google Fonts CDN) · outlines 400

Intervals and form

PurposeMeaning
Densityaverage
Basic step8-12px
Button radius9999px
Card radius8px
Shadowssoft shadows
Between sections80px
Page width1200px

AI will build your website in Relate style and fill it

  • Fill with products and posts via the link - Instagram, TikTok, Facebook.
  • Transfer content from your old site—just specify the address.
  • Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
  • Fully automated SEO optimization for search results and neural network recommendations.

Similar styles

  • Mollie — A cashmere counter, a dark ledger. Leave ample white space for editorial design around the black text, then reinforce product-related points with warm creams, espresso browns, and tactile photos of actual payment methods.
  • Basis Theory — Payment terminals in the design studio. White technical paper, overlapping translucent transaction layers, and a single turquoise control element define the visual direction.
  • CleanShot X — A studio with a blue-lit desktop. Create a calm white space around compact black text, then let the rich blue controls and layered Mac product images take center stage.
  • Modern Treasury — A treasury ledger on graph paper. Create pages that resemble a quiet, white operating sheet, where cash flows are displayed with fine lines, labeled nodes, and precise, hidden controls.
  • Heptabase — A sunlit desk. Warm, paper-like surfaces, charcoal-colored controls, and floating windows for research create the feeling of an organized workspace rather than a software control panel.
  • Baba — Care notes in red sunlight. Create wide red narrative stripes around intimate white, pink, and cream information surfaces, using photographs of people as the emotional center.
  • Grafana Labs — The control room of the Sunrise Signal Station. A quiet gray-and-white workspace combines with a wide, four-color horizon gradient and precise blue interface signals.
  • Kagi — A separate reading room. Create an open white space around bold graphite text, using subtle purple accents and warm pastel surfaces to break up the tranquility.
  • Milanote — Milanote is a dedicated creative studio. Create editorial gallery-style pages using floating visual boards: dark framed walls, white display space, and screenshots that look like real objects with a soft depth.
  • Co2 — A climate atlas in winter light. Create pages like an aerial document landscape, where serif headings, category-coded data, and icy images highlight wide white margins.
  • GitButler — Turquoise at the end of the text. A combination of high-contrast serif headlines with subtle technical grids, warm graphite surfaces, and a discreet turquoise accent.
  • Ui — clinical plan on matte paper

Catalog of styles by category