Superhuman
goue uur redaksionele paneel
Superhuman beweeg tussen redaksionele fotografie en sagteware-UI – ’n warm, perkamentagtige doek (nooit suiwer wit nie) omraam maroen handelsmerkelemente en helder pers aksente. Opskrifte, in 460-lettertipe, fluister eerder as skree, wat volblad-kinematiese fotografie toelaat om die swaar werk te doen, terwyl deurskynende produk-UI-kaarte soos glas bo die beelde sweef. Die palet bly meestal kalm en redaksioneel: roomkleurige oppervlaktes, houtskoolteks, subtiele warmgrys rande en ruim spasiëring tussen elemente, met kleur gereserveer vir doelbewuste handelsmerk-punktuasie – ’n enkele maroen oproep tot aksie, pers skakels, ’n ligte lila byvoegknoppie. Die stelsel vermy doelbewus sterk skaduwees en gradiënte op UI-oppervlaktes; die diepte word bereik deur gelaagde fotografie en subtiele agtergrondvervaagdheid in die titel, eerder as deur ’n stapelingseffek.
Die hoofelement is 'n volwydte foto met 'n gesentreerde opskrif (48-64px/460) en 'n enkele oproep tot aksie gevul met 'n beeld van wyn, met swewende deurskynende produk-UI-kaarte wat op die linker- en regterkante geplaas is. Onder die hoofelement is 'n wit streeplogo-strook (6 selle per ry, maksimum breedte beperk), dan 'n oortjie-afdeling met wit kaartoppervlaktes op perkamentdoek. 'n Donker turkoois streep breek die ritme ongeveer twee derdes van die bladsy – volwydte, twee kolomme (beeld aan die linkerkant, teks aan die regterkant) – wat die enigste tonale kontras skep terwyl jy blaai. 'n Gradiënt atmosferiese streep volg. Die vertikale spasiëring tussen afdelings is 64-96px. Die maksimum inhoudwydte is ~1200px gesentreer, met die hoofelement en donker streep wat die volle breedte van die kykvenster oorspan. Die navigasie is 'n enkele vaste opskrif met 'n vae agtergrond; geen sybalk, geen mega-kieslys nie. Die voetskrif is 'n volwydte bordeauxrooi bladsy met 'n multi-kolom uitleg van skakels. Die algehele ritme is: hoofraam → kalm wit/roomkleurige inhoud → donker streep met die hoofbeeld → atmosferiese gradiënt → bordeauxrode voetskrif, afwisselende ligte en donker strepe om 'n redaksionele tempo te skep.
Die primêre visuele element is filmfotografie: 'n volwydteportret teen 'n oop lug dien as die fokuspunt, met 'n tweede atmosferiese streep wat laer af op die bladsy geplaas is. Die beeld is warm gekleur, subtiel gedemp en in profiel geneem, wat herinner aan 'n goue uur, wat 'n meer redaksionele as korporatiewe gevoel skep. 'n Donker streep met deurskynende geometriese reghoeke en handgeskrewe inskripsies word oor 'n foto van 'n man wat in gedagte verlore is, geplaas - 'n collage van oppervlaktes eerder as 'n enkele beeld. Die gebruikerskoppelvlak word aangebied as swewende glaskaarte wat direk op die foto geplaas is, eerder as aparte skermkiekies. Daar is geen voorraadillustrasies, geen 3D-weergawes en geen abstrakte dekoratiewe vorms nie, behalwe vir die gradiënt-atmosferiese streep. Die ikone is minimalistiese monochroom lynikone, ~16-20px breed, met 'n enkele breedte wat ooreenstem met die 460-punt teksgewig.
Palet
Handelsmerk
- Midnight Wine
#421d24— Die hoofaksieknoppies, advertensiebanier en voetskrif is 'n warm, amper swart bordeaux wat meer soos ink as rooi voel, wat die kleurpalet veranker sonder om oorweldigend te wees. - Royal Violet
#714cb6— Pers word gebruik om skakels, etikette en kort frases uit te lig. Dit moet nie as die primêre kleur vir oproepe tot aksie gebruik word nie.
Neutraal
- Lilac Mist
#d4c7ff— Die sekondêre oppervlakvulling, ligikone en spookknoppie-agtergronde het almal 'n gedempte pers kleur wat na die handelsmerk se styl sinspeel sonder om onnodige aandag te trek. - Deep Lagoon
#0c4243— Die donker agtergrond vir die strook, wat as die hoofnarratiewe element gebruik word, is die enigste donker oppervlak in die stelsel, gekombineer met 'n oorvleuelende geometriese patroon. - Warm Parchment
#f2f0eb— Die bladsy se werkoppervlak is die dominante element; 'n warm roomkleur vervang wit as die basis, wat die hele stelsel 'n redaksionele warmte gee. - Soft Mist
#e3e3e2— Fyn rande, kaartomlyne, verdeellyne—’n warm, liggrys wat met die perkament saamsmelt, maar die rande duidelik definieer. - Ink Charcoal
#292827— Liggaamsteks, opskrifte, ikoonomlyning - 'n warm, amper swart kleur met genoeg bruin om soos ink op papier te voel, nooit koud nie #000 - Stone Gray
#666666— Sekondêre liggaamsteks, ondersteunende tekste, diskrete beskrywings - 'n enkele mediumgrys, spaarsamig gebruik sodat dit nooit met die hoofteks meeding nie.
Tipografie
van 12 tot 64px · 8 stappe
- Super Sans VF — vervanging: Inter (closest open equivalent for variable weight range) · buitelyne 460, 500, 540, 600, 700 · 'n Enkele lettertipe in die hele stelsel. Asveranderlikes strek van 460 (’n kenmerkende, effens gesnyde lettertipe vir alle groot opskrifteks) tot 540 (beklemtoonde liggaamsteks) en 700 (klein, vetgedrukte onderskrifte). ’n Spesiaal ontwerpte VF laat opskrifte met ’n gewig van 460 meer doelbewus as lukraak voorkom – teen 48-64px met noue letterspasiëring word die "effens gesnyde" effek as selfversekerd eerder as dun beskou.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8px |
| Knoppieradius | 16px |
| Kaartradius | 16px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 64-96px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Superhuman -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- AI for Business — Brutalistiese redaksionele vertoonlokaal in warm grys kleure
- Jeton — 'n Hoofartikel oor fintech op warm marmer
- Airtable — 'n Gesellige seminaar met hoofstukke gemerk in verskillende kleure
- Osmo — Die Ontwikkelaarsmuseum op Grys Beton
- Linktr — Redaksionele plakkate is soos lekkergoed gestapel. Die webwerf is ontwerp in kleurblokke, met heldergroen opskrifte teen kobaltblou mure, en wit pilvormige navigasie-elemente wat bo bordeauxrode velde sweef.
- Outsource Consultants — 'n Grootformaat argitektoniese vel op beenpapier. 'n Monografiese estetika, waar 'n enkele helder kol indigo die andersins warm, tipografies maksimalistiese rooster onderbreek.
- Streamtime — Taktiele Kreatiewe Stemmingsbord - Ontwerper Scrapbooking Tafel
- Switch-Lit — Redaksionele rooster gedruk in ink op roomkleurige papier
- HubSpot — ’n Warm roomkleurige papierkleur met ’n enkele oranje aksent. HubSpot lyk soos ’n ontwerperstydskrif wat op swaar papier gedruk is—serif-opskrifte, warm roomkleurige bladsye en ’n enkele vurige oranje aksent wat slegs die belangrikste punte uitlig.
- Granola — Veldnotas op warm vellum—Granola lees soos 'n verslete Moleskine-notaboek wat op 'n sonverligte lessenaar oopgemaak is: serif-opskrifte verleen 'n gevoel van soliditeit, organiese groen aksente soos plantgebaseerde ink, en fyn lyne in die kantlyne van die kaartjies wat soos handgeskrewe notas lyk.
- Secure — 'n Gesprek in 'n Europese kafee in sagte daglig is 'n warm, stylvolle benadering tot video-oproepe, waar serif-opskrifte soos 'n deurdagte tydskrifartikel lees eerder as 'n tegnologieprodukbladsy.
- Mockups made easy — Redaksionele ontwerpateljee op wit papier