Atlassian
An engineering project drawing, covered in confetti. The crisp white canvas of the plant, interrupted by dark blue editorial panels framed by jagged geometric colors—bright purple, taxi yellow, electric blue, green—like precise diagrams tacked between paint-splattered dividers.
Palette
Brand
- Atlassian Blue
#1868db
Neutral
- Midnight Navy
#101214 - Carbon Edge
#292a2e - Slate Current
#1c2b42 - Muted Indigo
#42526e - Pure White
#ffffff - Fog White
#f0f1f2
Typography
from 13 to 80px · 7 steps
- Charlie Display — replacement: Manrope · outlines 400, 500, 700, 800
- Charlie Text — replacement: Inter · outlines 400, 500, 700
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8-16px |
| Button radius | 28px |
| Card radius | 20px |
| Shadows | no - borders instead of shadows |
| Between sections | 64-80px |
| Page width | 1200px |
AI will build your website in Atlassian 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.
- 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.
- ElevenLabs — A photo essay in warm cream tones with subtle headlines. A Bauhaus-style notebook—eggshell-colored paper, black ink, and a single purple and orange accent for product display.
- Awesomic — Editorial zinc mesh with orange punctuation marks reminiscent of confetti
- Monad — editorial technical journal on warm parchment
- Dub — Link's matte rice paper control panel
- Seline Analytics — A quiet analytical table on warm paper
- Notion — A warm paper notebook in the midday sun
- Anthropic — A scientific field journal on warm vellum—calm ivory surfaces, serifed editorial headings, and a single clay accent that appears only when action is needed.