Vivid+Co
lumină prismatică prin obsidian
Vivid+Co operează într-un vid cinematografic, întunecat: o pânză aproape neagră, cu numerele #101010–#495764, întreruptă de o singură nuanță aproape albă (#fffdf9), utilizată pentru aproape toate fonturile și elementele de interfață. Tipografia este redată în principal în Neue Montreal la o grosime de 400 - o respingere deliberată a caracterelor îngroșate, unde autoritatea este obținută prin scară (136px și 105px) mai degrabă decât prin grosime. O tehnică emblematică este prisma cromatică: blocuri de lumină roșie/verde/albastră saturată, separate prin RGB, filtrează prin cuburi de sticlă, perturbând suprafața monocromă. Aspectul este centrat și spațios; navigarea, corpul textului și linkurile sunt toate într-o singură culoare #fffdf9, fără butoane de accent separate, umpluturi sau umbre - diferențierea se realizează prin spațiere, scară și un artefact curcubeu care servește drept singurul accent de culoare al brandului.
O pânză închisă la culoare, pe toată lățimea, cu o singură coloană de conținut care măsoară maximum ~1440px. Elementul principal este un artefact prismatic centrat, cu un titlu suprapus (text care intersectează cuburile) și un subtitlu aliniat la stânga. Navigarea se face într-o bară superioară subțire: sigla în stânga, patru linkuri invizibile în dreapta și un buton dedicat „Contact” la sfârșitul rândului. Ritmul secțiunii alternează între panouri principale de înălțime completă și benzi de conținut mai înguste, cu goluri de ~108px. Aspectul conținutului este asimetric: artefactul prismatic servește drept centru vizual, iar titlurile se înfășoară în jurul lui. Blocurile de text cu o singură coloană au o lățime maximă de aproximativ 440px; grilele cu mai multe coloane, matricele de carduri și tabelele de prețuri lipsesc. Subsolul este o bandă subțire, împărțită printr-o linie subțire, cu două coloane de metadate.
Elementul principal de design este o imagine 3D abstractă a unor cuburi de sticlă cu aberații cromatice la margini, separate prin culoare RGB. Fără fotografii, fără imagini cu oameni, fără imagini de produs. Prisma este imaginea mărcii; totul este tipografie monocromă pe o pânză întunecată. Iconografia este minimalistă: etichete subtile de navigare și un mic accent de cursor/glif (zona 142765) la sfârșitul unuia dintre titluri sugerează o singură pictogramă monoliniară de 16px. Fără ilustrații, fără modele decorative, fără texturi.
Paletă
Neutru
- Bone White
#fffdf9— Textul principal, etichetele de navigare, culoarea linkurilor și umplerea antetelor sunt aproape albe, ocupând toate suprafețele tipografice de pe o pânză întunecată. - Obsidian
#101010— Pânza paginii, umplutura de fundal pentru dungile principale și despărțitoare, este de culoare neagră intensă, cu un artefact prismatic în interior. - Graphite Veil
#495764— În spatele titlurilor și blocurilor de conținut, domină o culoare rece și întunecată, oferind pânzei profunzime fără a utiliza negrul plat. - Ash Border
#403f3f— O linie de demarcație subtilă și un contur al cardului sunt folosite la 1px pentru a separa liniile fără a concura cu textul. - Fog Blue
#6f879c— Text secundar estompat și etichete subtile pentru butoane (contrast 3,7:1) – denumirile categoriilor de servicii precum „Strategie”, „Creativ”, „Comunicare + Marketing” sunt percepute ca metadate neevidențiate. - Pure Black
#000000— Umplutură decorativă pentru pictograme și ilustrații SVG — utilizată în imaginea prismei și în glifele pictogramelor; nu ca fundal.
Tipografie
de la 15 la 136px · 9 pași
- Neue Montreal — înlocuire: Söhne · contururi 400, 700 · Fontul exclusiv este utilizat în întreaga interfață cu utilizatorul - titluri, text, navigare, butoane, linkuri și subsol. Grosimea implicită este 400; grosimea de 700 este rezervată doar subtitlurilor. Titlurile cu grosimi de 105px și 136px au o spațiere între rânduri de 1,00–1,01em și o spațiere între litere de -0,02em, creând titluri cinematografice, suprapuse, care par mai degrabă sculpturale decât tipografice.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 7px |
| Raza butonului | 0px |
| Raza cardului | 15px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 108px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Vivid+Co și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Sequel — O proiecție privată după lăsarea întunericului este singura lumină caldă într-un cinematograf altfel întunecat.
- ThoughtLab — Un monument de obsidian cu un semnal purpuriu. O pânză de gol negru, unde singurul obiect roșu saturat din catedrală, tipărit cu litere mari și albe, este o singură figură cromatică.
- Dovetail — Un plan sub o lună neagră — linii grafice abia vizibile, font alb, o sclipire violetă
- MekaVerse — O galerie monocromă de artefacte digitale — un gol negru solid unde lumea randată atârnă ca o expoziție de muzeu, iar întreaga interfață cu utilizatorul este cerneală albă pe sticlă neagră mată.
- Krea — Galeria Noir la miezul nopții
- Factory — Terminalul „camera de război” la miezul nopții. „Fabrica” este un panou de control negru, unde o singură cartelă albă aterizează ca o dispeceră luminată de o lanternă - singurul obiect din cameră este lucrarea în sine.
- basement — O tipografie goală la ora 3 dimineața – fonturi uriașe, comprimate, împrăștiate pe bezna totală, o singură licărire portocalie pe bara de navigare, totul în rest alb sau gri fantomatic.
- Stink Studios — Un studio de film la miezul nopții - proiectorul zumzăie, camera este întunecată, doar filmul este luminat
- Apple (España) — teatru negru cu corpuri iluminate
- Charlie — Tipografie sculptată din piatră de mănăstire pe obsidian. Un portofoliu în care un singur perete roșu creează o tăcere asurzitoare.
- Rive — Vedere nocturnă de înaltă precizie. Interfața dispune de o lentilă specială care pătrunde în întunericul pentru a focaliza detaliile tehnice cu o claritate absolută.
- Datalands — O catedrală neagră cu o singură pulsație de neon. Sigla umple nava; totul este text abia perceptibil dedesubt.