Superhuman
redaktionspanelet for den gyldne time
Superhuman befinder sig i krydsfeltet mellem redaktionel fotografering og software-UI – et varmt, pergamentlignende lærred (aldrig rent hvidt) indrammer rødbrune brandingelementer og livlige lilla accenter. Overskrifter, der er sat i skrifttype 460, hvisker snarere end råber, hvilket giver mulighed for helsides filmfotografering til at udføre det hårde arbejde, mens gennemskinnelige produkt-UI-kort svæver som glas over billederne. Paletten forbliver rolig og redaktionel det meste af tiden: cremefarvede overflader, trækulsfarvet tekst, diskrete varmgrå kanter og generøs afstand mellem elementerne, med farver reserveret til bevidst brandtegnsætning – en enkelt rødbrun call-to-action, lilla links, en lyslilla tilføjelsesknap. Systemet undgår bevidst stærke skygger og gradienter på UI-overflader. Dybden opnås gennem lagdelt fotografering og subtil baggrundssløring i titlen snarere end gennem en stablingseffekt.
Hovedelementet er et fotografi i fuld bredde med en centreret overskrift (48-64px/460) og en enkelt opfordring til handling fyldt med et billede af vin, med flydende, gennemsigtige produkt-UI-kort lagt oven på venstre og højre kant. Under hovedelementet er en hvidstribet logostribe (6 celler pr. række, maksimal bredde begrænset), derefter en fanebladsektion med hvide kortflader på pergamentlærred. En mørk turkis stribe bryder rytmen cirka to tredjedele af vejen gennem siden - fuld bredde, to kolonner (billede til venstre, tekst til højre) - hvilket skaber den eneste tonale kontrast, når du scroller. En gradient atmosfærisk stribe følger. Den lodrette afstand mellem sektionerne er 64-96px. Den maksimale indholdsbredde er ~1200px centreret, hvor hovedelementet og den mørke stribe spænder over hele visningsområdets bredde. Navigationen er en enkelt fast header med en sløret baggrund; ingen sidebjælke, ingen megamenu. Sidefoden er en bordeauxrød side i fuld bredde med et layout med flere kolonner af links. Den overordnede rytme er: hovedbillede → roligt hvidt/cremefarvet indhold → mørk stribe med hovedbilledet → atmosfærisk gradient → bordeauxrød fodnote, hvor der skiftes mellem lyse og mørke striber for at skabe et redaktionelt tempo.
Det primære visuelle element er filmisk fotografering: et portræt i fuld bredde mod en åben himmel fungerer som omdrejningspunkt, med en anden atmosfærisk stribe placeret længere nede på siden. Billedet er varmt tonet, subtilt dæmpet og taget i profil, hvilket minder om en gylden time, hvilket skaber en mere redaktionel end corporate følelse. En mørk stribe med gennemskinnelige geometriske rektangler og håndskrevne inskriptioner er lagt oven på et fotografi af en mand fortabt i tanker - en collage af overflader snarere end et enkelt billede. Brugergrænsefladen præsenteres som flydende glaskort lagt direkte oven på fotografiet i stedet for som separate skærmbilleder. Der er ingen stockillustrationer, ingen 3D-gengivelser og ingen abstrakte dekorative former, bortset fra den gradienterede atmosfæriske stribe. Ikonerne er minimalistiske monokrome linjeikoner, ~16-20px brede, med en enkelt bredde svarende til tekstvægten på 460 punkter.
Palet
Mærke
- Midnight Wine
#421d24— De primære handlingsknapper, annoncebanneret og sidefoden er i en varm, næsten sort bordeauxrød farve, der føles mere som blæk end rød, hvilket forankrer farvepaletten uden at være overvældende. - Royal Violet
#714cb6— Lilla bruges til at fremhæve links, tags og korte sætninger. Den bør ikke bruges som den primære farve til opfordringer til handling.
Neutral
- Lilac Mist
#d4c7ff— Den sekundære overfladefyldning, lysikoner og baggrunde med spøgelsesknapper har alle en dæmpet lilla farve, der antyder brandets stil uden at tiltrække unødig opmærksomhed. - Deep Lagoon
#0c4243— Den mørke baggrund for striben, der bruges som det primære fortællende element, er den eneste mørke overflade i systemet, kombineret med et overlejret geometrisk mønster. - Warm Parchment
#f2f0eb— Sidens arbejdsflade er det dominerende element; en varm cremefarve erstatter hvid som base, hvilket giver hele systemet en redaktionel varme. - Soft Mist
#e3e3e2— Fine kanter, kortkonturer, skillelinjer – en varm, lys grå farve, der blander sig med pergamentet, men tydeligt definerer kanterne. - Ink Charcoal
#292827— Brødtekst, overskrifter, ikonomrids - en varm, næsten sort farve med nok brun til at føles som blæk på papir, aldrig kold #000 - Stone Gray
#666666— Sekundær brødtekst, supplerende tekster, diskrete beskrivelser - en enkelt mellemgrå farve, brugt sparsomt for aldrig at konkurrere med hovedteksten.
Typografi
fra 12 til 64px · 8 trin
- Super Sans VF — udskiftning: Inter (closest open equivalent for variable weight range) · konturer 460, 500, 540, 600, 700 · En enkelt skrifttype i hele systemet. Aksevariabler spænder fra 460 (en signatur, let beskåret skrifttype til al stor overskriftstekst) til 540 (fremhævet brødtekst) og 700 (små, fede billedtekster). En specialdesignet VF får overskrifter med en vægt på 460 til at virke mere bevidste end tilfældige – ved 48-64px med tæt bogstavafstand opfattes den "let beskårne" effekt som selvsikker snarere end tynd.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8px |
| Knapradius | 16px |
| Kortradius | 16px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 64-96px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Superhuman -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- AI for Business — Brutalistisk redaktionelt showroom i varme grå toner
- Jeton — Lederartikel om fintech på varm marmor
- Airtable — Et hyggeligt seminar med kapitler markeret i forskellige farver
- Osmo — Udviklermuseet på grå beton
- Linktr — Redaktionelle plakater er stablet som slik. Hjemmesiden er designet i farveblokke med lysegrønne overskrifter mod koboltblå vægge og hvide pilleformede navigationselementer, der svæver over bordeauxrøde marker.
- Outsource Consultants — Et arkitektonisk ark i stort format på benpapir. En monografisk æstetik, hvor en enkelt lys plet af indigo afbryder det ellers varme, typografisk maksimalistiske gitter.
- Streamtime — Taktilt kreativt humørtavle - Designer scrapbookingbord
- Switch-Lit — Redaktionelt gitter trykt med blæk på cremefarvet papir
- HubSpot — En varm cremefarvet papirfarve med en enkelt orange accent. HubSpot ligner et designermagasin trykt på kraftigt papir – serif-overskrifter, varme cremefarvede sider og en enkelt flammende orange accent, der kun fremhæver de vigtigste punkter.
- Granola — Feltnotater på varmt pergament – Granola læses som en velbrugt Moleskine-notesbog åbnet på et solbeskinnet skrivebord: serif-overskrifter giver en følelse af soliditet, organiske grønne accenter som plantebaseret blæk og fine linjer i kortenes margen, der ligner håndskrevne noter.
- Secure — En samtale på en europæisk café i blødt dagslys er en varm og stilfuld fortolkning af videoopkald, hvor overskrifter med serif-motiv læses som en tankevækkende magasinartikel snarere end en side med et teknologisk produkt.
- Mockups made easy — Redaktionelt designstudie på hvidt papir