Framer
galeria di neon in u viotu
Framer funziona cum'è una bughjura guasi tutale - una tela nera induve u cuntenutu aleggia cum'è un segnu neon à l'apertura di una galeria. I tituli, stallati in GT Walsheim Medium cù una spaziatura stretta di 0,8-1,1 è una spaziatura negativa aggressiva di e lettere (-0,04em à 54px), creanu un caratteru caratteriale cundensatu è decorativu chì avanza invece di stà ordinatamente nantu à a pagina. Un unicu turchinu elettricu (#0099ff) furnisce tutti l'accenti funziunali - bordi, bagliore, icone, stati attivi - mentre u restu di l'interfaccia ferma acromaticu, basendu si nantu à transizioni grisge suttili (#111, #171717, #242424) per creà prufundità da u neru puru. I cumpunenti parenu cunsiderati piuttostu chè decorativi: raggi arrotondati di 8-25px, bordi sottili di 1px, ombre minime è superfici traslucide chì permettenu à u viotu di trasluce.
E sezzioni à larghezza piena si estendenu oltre a tela nera, cù un cuntenutu limitatu à una larghezza massima di ~1200px è centratu in l'internu. A sezzione principale presenta un'intestazione allineata à manca è un unicu buttone di chjama à l'azzione (CTA), cù u latu drittu lasciatu intenzionalmente viotu - asimmetricamente, micca centratu. E sezzioni alternanu trà layout solu testu (intestazione grande + sottotesto) è screenshot di u produttu. A sezzione "Viene cun Framer" utilizza un muru di logò in una griglia di 4 colonne. In a sezzione di a cumunità, una screenshot di u produttu hè piazzata in un contenitore centratu à larghezza piena cù anguli arrotondati. A navigazione hè minimale - una barra superiore fina cù u logò à manca è ligami allineati à diritta, senza cuntrolli visibili. Ritmu di a sezzione: spazii verticali significativi di 80px trà e sezzioni, creendu isule distinte di cuntenutu chì fluttuanu in u viotu.
E screenshots di l'interfaccia utente di u pruduttu sò duminanti - incorniciate da una finestra cromata cù punti di semaforu, e screenshots integrate di l'app diventanu l'imagine principale. I loghi, chì servenu cum'è prova di qualità, sò presentati in lettere bianche nantu à un fondu neru cù una spaziatura larga. Ùn sò aduprate fotografie, illustrazioni o grafiche astratte - u linguaghju visuale hè u pruduttu stessu, visualizatu cum'è una interfaccia viva. Stile di l'icona: minimalista, delineata, monocromatica è bianca in piccule dimensioni. Densità di u testu: soprattuttu testu, cù occasionali grandi frammenti in forma di screenshots di u pruduttu. L'equilibriu visuale di u spaziu favurisce chjaramente a tipografia rispetto à l'imagine.
Paletta
Marca
- Vivid Violet
#0066ff— U buttone d'azzione principale hè l'unicu locu in l'interfaccia induve hè visualizatu un sfondate di buttone di culore solidu.
Neutru
- Bone
#ffffff— Titoli principali, testu principale nantu à un fondu scuru, u fondu di i buttoni hè l'unica fonte di luce. - Void
#000000— A tela di a pagina, u sfondate di navigazione, e superfici di e carte, u riempimentu di l'icone - tuttu hè un culore neru infinitu chì assorbe tuttu u cuntenutu micca essenziale. - Graphite
#111111— E superfici di carte rialzate sò un passu sopra u viotu - carte grandi è funziunali è cuntenitori modali. - Obsidian
#171717— Superficie intermedia per i buttoni, carte supplementari, riempimenti di l'interfaccia utente - separa l'elementi interattivi da a tela. - Slate
#242424— À u survellu, i campi di input è i pannelli indentati sò di a tonalità neutra più luminosa prima di passà à u furmatu di testu. - Ash
#333333— Riempimentu prufondu per l'imagine di fondu inattive è l'elementi strutturali.
Tipografia
da 12 à 68px · 8 passi
- sans-serif — rimpiazzamentu: Inter · contorni 400 · sans-serif - truvatu in i dati estratti ma micca discrittu da l'IA.
- GT Walsheim — rimpiazzamentu: Inter Tight · contorni 500 · U carattere per i tituli è i tituli hè u carattere di a marca. Hè aggressivamente cundensatu, cù una spaziatura di linea di 0,8-1,1 è una spaziatura di lettere di -0,04em à -0,05em in a gamma 44-68px. Ùn hè micca un elementu decorativu; u calore geometricu di GT Walsheim, cumminatu cù metriche strette, crea a voce di u sistema - sicura, compatta è ligeramente futurista. Per una espressione geometrica simile, cunsiderate Inter Tight o Space Grotesk Bold.
- Inter Variable — rimpiazzamentu: Inter · contorni 400 · U testu principale, a navigazione è i tituli secundarii sò u cavallu di battaglia. L'asse Inter Variable permette una interpolazione fluida di i pesi. U tracciamentu si restringe cù l'aumentu di a dimensione: da -0.001em à 18px è da -0.027em à 22px. A versione variabile permette microanimazioni fluide di u situ. Rimpiazzamentu: Inter ( Google) - una alternativa praticamente identica.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 10px |
| Raggiu di u buttone | 9999px |
| Raggiu di a carta | 20px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 80px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Framer è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Auros — Terminale abissale cù sfere di dati bioluminescenti
- Origin Financial — Una galeria di mezzanotte di opulenza tranquilla. Una stanza tranquilla, guasi scura, induve grandi caratteri serif è uni pochi di pannelli culuriti illuminati creanu a sensazione chì a finanza hè un'opera d'arte attentamente curata.
- Raycast — Centru di Cummandu di Mezanotte, Coral Neon
- Dimension — una stazione di travagliu illuminata da u crepuscolu cù pannelli di vetru smerigliatu
- Reflect Notes — U spaziu viulettu stellatu hè un osservatoriu scuru induve e note flottanu cum'è custellazioni contr'à un sfondate di vacuità indaco guasi neru.
- Ameba — A sala di cuntrollu à mezanotte - un impulsu turchinu elettricu in i pannelli di vetru smerigliatu
- Branding — Muru di galeria neru, accenti rossu sangue - Grandi caratteri bianchi flottanu nantu à una tela scura chì s'assumiglia à un viotu, interrottu da un unicu accentu rossu brillanti è elementi decorativi impressiunanti chì parenu più una segnaletica di galeria chè un'interfaccia web.
- Harness — Cuntrollu di Missione à mezanotte cù accenti verdi fosforescenti
- Koto — A Galleria Obsidian à mezanotte. Un palcuscenicu guasi neru cum'è a pece, induve l'unica fonte di luce calda hè un solu marcatore giallu, è u testu cundensatu flotta in u vastu spaziu negativu cum'è manifesti di mostra.
- Ohzi — Un cubu luminosu suspesu in una galeria scura
- Depot — Un terminal di servitore scuru. Una cunsola di sviluppatore guasi nera, cù un solu LED verde chì signaleghja l'iniziu di u travagliu, è u restu di l'interfaccia utente visualizata in grafite.
- Maciej Zadykowicz — A Galleria di Mezzanotte cù u so murale caleidoscopicu hè un muru di studio guasi neru induve una opera d'arte tipografica vibrante è culurita chjama l'attenzione mentre tuttu u restu ferma tranquillu è deliberatu.