Superhuman
panel editorjali tas-siegħa tad-deheb
Superhuman jinsab fl-intersezzjoni tal-fotografija editorjali u l-UI tas-softwer—kanvas sħun, simili għal parċmina (qatt abjad pur) jinkwadra elementi tal-branding kannella skur u aċċenti vjola vibranti. L-aħbarijiet, issettjati f'font 460, jissussaw aktar milli jgħajtu, u jippermettu li l-fotografija ċinematika ta' paġna sħiħa tagħmel ix-xogħol tqil, filwaqt li l-karti trasluċidi tal-UI tal-prodott jgħumu bħal ħġieġ 'il fuq mill-immaġni. Il-paletta tibqa' kalma u editorjali l-biċċa l-kbira tal-ħin: uċuħ krema, test faħam tal-kannol, borduri sottili griżi sħan, u spazjar ġeneruż bejn l-elementi, bil-kulur riservat għal punteġġjatura deliberata tal-marka—sejħa waħda għall-azzjoni kannella skur, links vjola, buttuna add-on lelà ċar. Is-sistema tevita deliberatament dellijiet u gradjenti qawwija fuq l-uċuħ tal-UI; Il-fond jinkiseb permezz ta' fotografija f'saffi u ċċajpar sottili tal-isfond fit-titlu, aktar milli permezz ta' effett ta' stivar.
L-element prinċipali huwa ritratt b'wisa' sħiħ b'intestatura ċċentrata (48-64px/460) u sejħa waħda għall-azzjoni mimlija b'immaġni ta' nbid, b'karti tal-UI tal-prodott trasluċidi f'wiċċ l-ilma sovrapposti fuq it-truf tax-xellug u tal-lemin. Taħt l-element prinċipali hemm strixxa tal-logo b'strixxa bajda (6 ċelloli għal kull ringiela, wisa' massima limitata), imbagħad sezzjoni tab b'uċuħ tal-karti bojod fuq kanvas tal-parċmina. Strixxa turkważ skura tkisser ir-ritmu madwar żewġ terzi tat-triq fil-paġna—wisa' sħiħa, żewġ kolonni (immaġni fuq ix-xellug, test fuq il-lemin)—li toħloq l-uniku kuntrast tonali hekk kif tiskrollja. Strixxa atmosferika gradjent issegwi. L-ispazjar vertikali bejn is-sezzjonijiet huwa 64-96px. Il-wisa' massima tal-kontenut hija ~1200px iċċentrata, bl-element prinċipali u l-istrixxa skura jkopru l-wisa' sħiħa tal-viewport. In-navigazzjoni hija intestatura fissa waħda bi sfond imċajpar; l-ebda sidebar, l-ebda mega menu. Il-footer hija paġna burgundy b'wisa' sħiħa b'tqassim ta' links b'ħafna kolonni. Ir-ritmu ġenerali huwa: qafas prinċipali → kontenut kalm abjad/krema → strixxa skura bl-immaġni prinċipali → gradjent atmosferiku → footer bordeaux, li jalterna strixxi ċari u skuri biex joħloq tempo editorjali.
L-element viżiv primarju huwa l-fotografija ċinematika: ritratt b'wisa' sħiħ kontra sema miftuħ iservi bħala l-punt fokali, bit-tieni strixxa atmosferika pożizzjonata aktar 'l isfel fil-paġna. L-immaġni għandha ton sħun, sottili u hija meħuda fil-profil, tfakkrek f'siegħa tad-deheb, u toħloq sensazzjoni aktar editorjali milli korporattiva. Strixxa skura b'rettangoli ġeometriċi trasluċidi u iskrizzjonijiet miktuba bl-idejn hija sovraimposta fuq ritratt ta' raġel mitluf fil-ħsibijiet—kollaġġ ta' uċuħ aktar milli immaġni waħda. L-interface tal-utent hija ppreżentata bħala karti tal-ħġieġ f'wiċċ l-ilma sovraimposti direttament fuq ir-ritratt, aktar milli bħala screenshots separati. M'hemm l-ebda illustrazzjonijiet tal-istokk, l-ebda renders 3D, u l-ebda forom dekorattivi astratti, ħlief għall-istrixxa atmosferika bil-gradjent. L-ikoni huma ikoni minimalisti tal-linja monokromatika, b'wisa' ta' ~16-20px, b'wisa' waħda li tikkorrispondi għall-piż tat-test ta' 460 punt.
Paletta
Marka
- Midnight Wine
#421d24— Il-buttuni ewlenin tal-azzjoni, il-banner tar-reklami, u l-footer huma ta’ lewn burgundy sħun, kważi iswed, li jħoss aktar bħal linka milli aħmar, u jankra l-paletta tal-kuluri mingħajr ma jkun qawwi wisq. - Royal Violet
#714cb6— Il-vjola jintuża biex jenfasizza links, tags, u frażijiet qosra. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni.
Newtrali
- Lilac Mist
#d4c7ff— Il-mili tal-wiċċ sekondarju, l-ikoni tad-dawl, u l-isfondi tal-buttuni ghost kollha għandhom kulur vjola sieket li jagħti ħjiel tal-istil tal-marka mingħajr ma jiġbed attenzjoni żejda lejh innifsu. - Deep Lagoon
#0c4243— L-isfond skur għall-istrixxa, użat bħala l-element narrattiv ewlieni, huwa l-uniku wiċċ skur fis-sistema, flimkien ma' disinn ġeometriku sovrappost. - Warm Parchment
#f2f0eb— Il-wiċċ tax-xogħol tal-paġna huwa l-element dominanti; kulur krema sħun jieħu post l-abjad bħala l-bażi, u jagħti lis-sistema kollha sħana editorjali. - Soft Mist
#e3e3e2— Borduri fini, kontorni tal-karti, linji diviżorji—griż sħun u ċar li jitħallat mal-parċmina iżda jiddefinixxi b'mod ċar it-truf. - Ink Charcoal
#292827— Test tal-ġisem, intestaturi, kontorni tal-ikoni - kulur sħun, kważi iswed b'kannella biżżejjed biex iħossu bħal linka fuq karta, qatt kiesaħ #000 - Stone Gray
#666666— Test sekondarju tal-ġisem, testi ta' appoġġ, deskrizzjonijiet diskreti - griż medju wieħed, użat bil-moderazzjoni sabiex qatt ma jikkompeti mat-test prinċipali.
Tipografija
minn 12 sa 64px · 8 passi
- Super Sans VF — sostituzzjoni: Inter (closest open equivalent for variable weight range) · linji gwida 460, 500, 540, 600, 700 · Font wieħed fis-sistema kollha. Il-varjabbli tal-assi jkopru l-firxa minn 460 (font ta' firma, kemxejn maqtugħ għat-test kollu tal-intestaturi kbar) sa 540 (test tal-ġisem enfasizzat) u 700 (sottotitoli żgħar u grassi). VF iddisinjat apposta jagħmel l-intestaturi b'piż ta' 460 jidhru aktar intenzjonati milli każwali—b'48-64px bi spazjar strett tal-ittri, l-effett "kemxejn maqtugħ" huwa pperċepit bħala kunfidenti aktar milli rqiq.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 16px |
| Raġġ tal-karta | 16px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64-96px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Superhuman u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- AI for Business — Showroom editorjali brutalista f'toni griżi sħan
- Jeton — Editorjal dwar fintech fuq irħam sħun
- Airtable — Seminarju komdu b'kapitoli mmarkati b'kuluri differenti
- Osmo — Il-Mużew tal-Iżviluppaturi fuq il-Konkrit Griż
- Linktr — Il-posters editorjali huma mqiegħda f'munzelli bħal ħelu. Il-websajt hija ddisinjata fi blokki ta' kulur, b'titoli ħodor jgħajtu mqiegħda ma' ħitan blu kobalt, u elementi ta' navigazzjoni bojod f'forma ta' pillola li jgħumu 'l fuq minn għelieqi tal-burgundy.
- Outsource Consultants — Folja arkitettonika ta' format kbir fuq karta tal-għadam. Estetika monografika, fejn irqajja waħda qawwija ta' indigo tinterrompi l-grilja tipografikament massimalista li altrimenti tkun sħuna.
- Streamtime — Bord tal-Mood Kreattiv Tattili - Tabella tad-Disinjatur għall-Iscrapbooking
- Switch-Lit — Grilja editorjali stampata bil-linka fuq karta krema
- HubSpot — Kulur tal-karta krema sħun b'aċċent oranġjo wieħed. HubSpot jixbah rivista tad-disinjatur stampata fuq karta tqila—titoli serif, paġni krema sħan, u aċċent oranġjo jaħraq wieħed li jenfasizza biss l-aktar punti importanti.
- Granola — Noti fuq il-post fuq vellum sħun—Il-Granola tinqara bħal notebook Moleskine mikul sew miftuħ fuq skrivanija xemxija: intestaturi serif jagħtu sens ta’ solidità, aċċenti ħodor organiċi bħal linka bbażata fuq il-pjanti, u linji fini fil-marġini tal-karti li jixbħu noti miktuba bl-idejn.
- Secure — Konverżazzjoni f'kafetterija Ewropea fid-dawl tax-xemx hija interpretazzjoni sħuna u stylish ta' sejħiet bil-vidjo, fejn it-titli serif jinqraw bħal artiklu ta' rivista maħsub aktar milli paġna ta' prodott teknoloġiku.
- Mockups made easy — Studio tad-disinn editorjali fuq karta bajda