Caldera
Farkëtoni zjarr mbi gur gëlqeror të ngrohtë. Kanavaca është suva e papërpunuar, e ngrohtë, dhe çdo element portokalli duket si prush që digjet i shtypur në sipërfaqe.
Caldera vepron mbi një kanavacë të ngrohtë guri gëlqeror, të mbuluar me portokalli të shkrirë. Ndërfaqja është e sheshtë dhe pa hije, duke lejuar që lloji ultra i guximshëm dhe i kondensuar në një shkallë pothuajse arkitekturore (deri në 189px) të mbajë të gjithë ngarkesën strukturore. Një portokalli e vetme e gjallë (#fc5000) vepron si theksi i vetëm kromatik agresiv kundër një sfondi gri monokromatike dhe të ngrohta, vjollca plazmatike është e rezervuar për imazhin kryesor gjysmëton dhe e verdha squfur për etiketat. Gjuha vizuale është vullkanike: shkronja të kondensuara dhe të rënda, modele pikash gjysmëton, rreze 40px në karta dhe butona, dhe kontrolle në formë pilule prej 800px - ngrohtësi e kapsuluar në një sipërfaqe të butë, si letër.
Paleta vizuale është minimaliste dhe e menduar mirë. Dritarja kryesore përdor një model abstrakt pikash gjysmëtonësh (pika portokalli në një gradient vjollcë-portokalli) në vend të një fotografie - nuk shërben si dekorim, por si një shprehje artistike e markës. Kartat me informacion dhe njoftime për produktin përdorin ose blloqe të ngurta Ember ose një Plazma Violet gjysmëtonësh si mbushje imazhi, duke ofruar një sistem grafik të unifikuar. Logot e partnerëve/integrimit shfaqen si ikona monokrome në një sfond të çelët. Nuk ka fotografi, renderime 3D ose imazhe të stilit të jetesës. Ikonat janë të vogla, monokrome dhe minimaliste - Discord, X dhe Telegram ndodhen në navigim si glife të thjeshta. Gjuha vizuale është grafike dhe editoriale, jo fotografike: i ngjan dizajnit të posterave sesa imazheve të stokut.
Paletë
Markë
- Ember
#fc5000— Butonat kryesorë të veprimit, kartat e statistikave dhe thekset vizuale kryesore janë i vetmi theks ngjyrash agresiv; pasuria e tij kundrejt toneve të ngrohta gri krijon një ndjesi urgjence pa nevojën për elementë shtesë dekorativë. - Plasma Violet
#524ae9— Baza kryesore e gradientit gjysmëton, një sipërfaqe shtesë e kartës - Përdoret pothuajse ekskluzivisht në modelin kryesor të pikave dhe në një kartë të dedikuar; nuk përdoret kurrë për kontrolle.
Neutral
- Sulfur
#f5f28e— Sfondi për ikonat e etiketave dhe kategorive, theksime të vogla, është një ngjyrë e verdhë e zbehtë që përdoret për të treguar kategoritë e postimeve në blog dhe njoftimet e programeve. - Limestone
#f7f6f2— Sipërfaqet e kartave, sfondet e blloqeve të përmbajtjes dhe mbushjet shtesë të butonave janë në një nuancë të bardhë më të çelët dhe më të ngrohtë që i bën elementët të dallohen në krahasim me kanavacën e faqes. - Pumice
#e2e2df— Sfondi kryesor i faqes është një gri e ngrohtë mesatare që shërben si bazë për secilën pjesë; është pak më e errët se sipërfaqja e kartonit, duke lejuar një ndarje delikate të figurës dhe sfondit pa hije. - Obsidian
#070607— Teksti kryesor, titujt, teksti i lidhjeve dhe kornizat e butonave janë pothuajse të zeza me një nuancë të ngrohtë mezi të dukshme që përputhet me ngjyrat e ngrohta të kanavacës. - Chalk
#ffffff— Tekst në seksione të errëta, tekst i futur në sfonde të errëta, mbivendosje me kontrast të lartë - E bardha e pastër përdoret vetëm aty ku kërkohet kontrast maksimal me sipërfaqe të errëta.
Tipografi
nga 12 në 189px · 10 hapa
- PP Neue Corp Compact — zëvendësim: Bebas Neue · skica 400 (Ultrabold cut) · Të gjitha titujt dhe teksti i ekranit. Një font i kondensuar, ultra i theksuar dhe i projektuar me porosi, u jep titujve një peshë industriale, si të një shenje. Madhësia prej 189 pikselësh në bllokun kryesor pasqyron stilin dallues të markës: të kondensuar, pothuajse strukturor dhe jo tipografik. Cilësimet "ss06" dhe "ss10" aktivizojnë forma dhe hapësira alternative të shkronjave për një ritëm më agresiv dhe të kondensuar. Hapësira pozitive midis shkronjave (+0.02em) është e pazakontë për madhësitë e ekranit dhe parandalon ndjesinë e tekstit të ngjeshur në 80–189 pikselë.
- DM Sans — zëvendësim: Inter · skica 500 (Medium only — never Regular or Bold) · Teksti kryesor, lidhjet e navigimit, etiketat e butonave dhe titujt dytësorë janë deri në 30px. Pesha mesatare e shkronjave është zgjedhur qëllimisht—"Regular" do të dukej shumë i hollë kundrejt shkronjave të titullit ekstra të trasha, dhe "Bold" do të konkurronte me të. DM Sans krijon një kundërpikë humaniste, paksa gjeometrike ndaj shkronjave industriale të titullit.
- System sans-serif — zëvendësim: Inter · skica 400 · Mbishkrimet, metateksti, datat, mikroetiketat. Përdoren vetëm në 12px, ku pesha dhe njohja e markës janë më pak të rëndësishme sesa kursimi në madhësi.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 16px |
| Rrezja e butonit | 40px |
| Rrezja e kartës | 40px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 80px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Caldera dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- teenage engineering — Katalogu industrial në ndriçimin e studios - produkti është objekti i vetëm i rëndësishëm në faqe, dhe gjithçka tjetër diskutohet rreth tij
- basement — Një makinë shtypi e zbrazët në orën 3 të mëngjesit – shkronja të mëdha e të ngjeshura që shpërndahen në errësirën e plotë, një shkëlqim i vetëm drite portokalli në shiritin e navigimit, gjithçka tjetër e bardhë ose gri fantazmë.
- amra — Një sferë iridescente në një sfond të bardhë - theksi i livandos është i vetmi puls ngjyre në një faqe pothuajse të përsosur akromatike, dhe sfera e vetme me gradient bën punën që bën zakonisht ilustrimi kryesor.
- Stink Studios — Një studio filmi në mesnatë - projektori gumëzhin, dhoma është e errët, vetëm filmi është i ndezur
- Andrei Rybin — Një bllok skicash njëngjyrësh është një fletore dizajni në të cilën ekranet e telefonit janë të bashkangjitura në një mur të bardhë si fletë kontakti.
- Uniswap Cup — Transmetimi i garës eSports zhvillohet në një faqe make-up - një shënues rozë përshkruan një rrjetë me katrorë të bardhë dhe vija të holla.
- Freytag Anderson — Perdja e kinemasë ngrihet me një fjalë të vetme. Një imazh i madh në lëvizje zë të gjithë ekranin, emri i markës qëndron në cep si një kreditim dhe asgjë tjetër nuk e shpërqendron vëmendjen.
- Integrated Biosciences — laboratori i biolumineshencës në mesnatë
- Vercel — Terminal i shtypur në letër të bardhë
- Mintlify — Një kopsht me re mbi një tavolinë qelqi. Qielli i vizatuar me dorë dhe dokumentari janë të vendosur së bashku - i vetmi vend ku ngjyra dhe koncepti përplasen përpara se faqja të zbehet në të bardhën monastike.
- Gleap — Një hapësirë pune e dekoruar me tone të ngrohta krem me thekse grafiti—një studio ku pikat e bojës së zezë mat duket se notojnë mbi arkitekturën e lirit.
- ClickUp — Një panel kontrolli i fuqishëm mbi mermer të bardhë. Faqja është një broshurë produkti për një mjet produktiviteti, kështu që gjuha vizuale është huazuar nga vetë produkti: lista të dendura, tregues statusi, grupe avatarësh dhe deklarata tipografike të theksuara që duken si një specifikim produkti në ekran.