Superhuman
redaksjonspanelet for den gylne timen
Superhuman befinner seg i skjæringspunktet mellom redaksjonell fotografering og programvarebasert brukergrensesnitt – et varmt, pergamentlignende lerret (aldri rent hvitt) rammer inn rødbrune merkevareelementer og livlige lilla aksenter. Overskrifter, satt i skriftstørrelse 460, hvisker i stedet for å rope, slik at helsides filmfotografering kan gjøre det tunge arbeidet, mens gjennomskinnelige produkt-UI-kort svever som glass over bildene. Paletten forblir rolig og redaksjonell mesteparten av tiden: kremfargede overflater, kullfarget tekst, subtile varmgrå kanter og sjenerøs avstand mellom elementene, med farge reservert for bevisst merketegnsetting – en enkelt rødbrun oppfordring til handling, lilla lenker, en lys lilla tilleggsknapp. Systemet unngår bevisst sterke skygger og gradienter på brukergrensesnittoverflater. Dybden oppnås gjennom lagdelt fotografering og subtil bakgrunnsuskarphet i tittelen, snarere enn gjennom en stablingseffekt.
Hovedelementet er et fotografi i full bredde med en sentrert overskrift (48–64 piksler/460) og en enkelt handlingsfremmende oppfordring fylt med et bilde av vin, med flytende gjennomsiktige produkt-UI-kort lagt over venstre og høyre kant. Under hovedelementet er en hvit stripete logostripe (6 celler per rad, maksimal bredde begrenset), deretter en faneseksjon med hvite kortflater på pergamentlerret. En mørk turkis stripe bryter rytmen omtrent to tredjedeler av veien gjennom siden – full bredde, to kolonner (bilde til venstre, tekst til høyre) – og skaper den eneste tonale kontrasten når du blar. En gradient atmosfærisk stripe følger. Den vertikale avstanden mellom seksjonene er 64–96 piksler. Maksimal innholdsbredde er ~1200 piksler sentrert, med hovedelementet og den mørke stripen som strekker seg over hele bredden av visningsporten. Navigasjonen er en enkelt fast overskrift med en uskarp bakgrunn; ingen sidefelt, ingen megameny. Bunnteksten er en burgunderfarget side i full bredde med et oppsett med flere kolonner av lenker. Den overordnede rytmen er: hovedbilde → rolig hvitt/kremfarget innhold → mørk stripe med hovedbildet → atmosfærisk gradient → burgunderrød bunntekst, vekslende lyse og mørke striper for å skape et redaksjonelt tempo.
Det primære visuelle elementet er filmatisk fotografering: et portrett i full bredde mot en åpen himmel fungerer som fokuspunkt, med en andre atmosfærisk stripe plassert lenger ned på siden. Bildet er varmt tonet, subtilt dempet og tatt i profil, noe som minner om en gyllen time, noe som skaper en mer redaksjonell enn bedriftsmessig følelse. En mørk stripe med gjennomskinnelige geometriske rektangler og håndskrevne inskripsjoner er lagt over et fotografi av en mann fordypet i tanker – en kollasj av overflater snarere enn et enkelt bilde. Brukergrensesnittet presenteres som flytende glasskort lagt direkte på fotografiet, snarere enn som separate skjermbilder. Det finnes ingen arkivillustrasjoner, ingen 3D-gjengivelser og ingen abstrakte dekorative former, bortsett fra den gradiente atmosfæriske stripen. Ikonene er minimalistiske monokrome linjeikoner, ~16–20 piksler brede, med en enkelt bredde som tilsvarer tekstvekten på 460 punkt.
Palett
Merke
- Midnight Wine
#421d24— Hovedhandlingsknappene, annonsebanneret og bunnteksten er en varm, nesten svart burgunderfarge som føles mer som blekk enn rød, og forankrer fargepaletten uten å være overveldende. - Royal Violet
#714cb6— Lilla brukes til å fremheve lenker, tagger og korte fraser. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordringer.
Nøytral
- Lilac Mist
#d4c7ff— Den sekundære overflatefyllingen, lysikonene og bakgrunnen for spøkelsesknapper har alle en dempet lilla farge som hinter til merkets stil uten å trekke unødig oppmerksomhet til seg selv. - Deep Lagoon
#0c4243— Den mørke bakgrunnen for stripen, brukt som det viktigste narrative elementet, er den eneste mørke overflaten i systemet, kombinert med et overlagt geometrisk mønster. - Warm Parchment
#f2f0eb— Sidens arbeidsflate er det dominerende elementet; en varm kremfarge erstatter hvit som base, noe som gir hele systemet en redaksjonell varme. - Soft Mist
#e3e3e2— Fine kanter, kortomriss, skillelinjer – en varm, lys gråfarge som blander seg med pergamentet, men som tydelig definerer kantene. - Ink Charcoal
#292827— Brødtekst, overskrifter, ikonomriss – en varm, nesten svart farge med nok brunt til å føles som blekk på papir, aldri kaldt #000 - Stone Gray
#666666— Sekundær brødtekst, støttetekster, diskrete beskrivelser – én mellomgrå farge, brukt sparsomt for aldri å konkurrere med hovedteksten.
Typografi
fra 12 til 64 piksler · 8 trinn
- Super Sans VF — erstatning: Inter (closest open equivalent for variable weight range) · omriss 460, 500, 540, 600, 700 · Én enkelt skrifttype i hele systemet. Aksevariabler spenner fra 460 (en signatur, litt beskåret skrifttype for all stor overskriftstekst) til 540 (uthevet brødtekst) og 700 (små, fet skrift). En spesialdesignet VF gjør at overskrifter med vekt på 460 virker mer bevisste enn tilfeldige – med 48–64 piksler og liten bokstavavstand oppfattes den «litt beskårne» effekten som selvsikker snarere enn tynn.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8px |
| Knapperadius | 16px |
| Kortradius | 16px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 64-96px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Superhuman -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- AI for Business — Brutalistisk redaksjonelt showroom i varme gråtoner
- Jeton — Lederartikkel om fintech på varm marmor
- Airtable — Et koselig seminar med kapitler merket med forskjellige farger
- Osmo — Utviklermuseet på grå betong
- Linktr — Redaksjonelle plakater er stablet som godteri. Nettstedet er designet i fargeblokker, med knallgrønne overskrifter mot koboltblå vegger og hvite pilleformede navigasjonselementer som svever over burgunderrøde felt.
- Outsource Consultants — Et arkitektonisk ark i storformat på beinpapir. En monografisk estetikk, hvor en enkelt lys flekk av indigo avbryter det ellers varme, typografisk maksimalistiske rutenettet.
- Streamtime — Taktil kreativ stemningstavle – designer scrapbookingbord
- Switch-Lit — Redaksjonelt rutenett trykt med blekk på kremfarget papir
- HubSpot — En varm kremfarge på papiret med en enkel oransje aksent. HubSpot ligner et designermagasin trykt på tykt papir – serif-overskrifter, varme kremfargede sider og en enkel, flammende oransje aksent som fremhever bare de viktigste punktene.
- Granola — Feltnotater på varmt vellum – Granola leses som en velbrukt Moleskine-notatbok åpnet på et solfylt skrivebord: serif-overskrifter gir en følelse av soliditet, organiske grønne aksenter som plantebasert blekk og fine linjer i margen på kortene som ligner håndskrevne notater.
- Secure — En samtale på en europeisk kafé i mykt dagslys er en varm og stilig vri på videosamtaler, der overskrifter med serif-motiv leses som en tankevekkende magasinartikkel snarere enn en side med teknologisk produkt.
- Mockups made easy — Redaksjonelt designstudio på hvitt papir