Vivid+Co
prismatikong liwanag sa pamamagitan ng obsidian
Ang Vivid+Co ay gumagana sa isang sinematiko at madilim na kawalan: isang halos itim na canvas ng #101010–#495764, na hinahati ng isang halos puting kulay (#fffdf9) na ginagamit para sa halos lahat ng typeface at elemento ng interface. Ang tipograpiya ay pangunahing inilalabas sa Neue Montreal sa 400 na timbang—isang sinasadyang pagtanggi sa bold, kung saan ang awtoridad ay nakakamit sa pamamagitan ng scale (136px at 105px) sa halip na weight. Ang isang signature technique ay ang chromatic prism: mga bloke ng saturated red/green/blue light, na pinaghihiwalay ng RGB, ay sumasala sa mga glass cube, na sumisira sa monochrome surface. Ang layout ay nakasentro at maluwang; ang nabigasyon, body copy, at mga link ay pawang nasa iisang kulay #fffdf9, na walang magkakahiwalay na accent buttons, fills, o shadows—ang pagkakaiba ay nakakamit sa pamamagitan ng spacing, scale, at isang rainbow artifact na nagsisilbing tanging color accent ng brand.
Isang madilim, buong lapad na canvas na may iisang hanay ng nilalaman na may sukat na ~1440px maximum. Ang pangunahing elemento ay isang nakasentrong prismatic artifact na may magkakapatong na pamagat (tekstong nagsasalubong sa mga cube) at isang subtitle na nakahanay sa kaliwa. Ang nabigasyon ay matatagpuan sa isang manipis na top bar: ang logo sa kaliwa, apat na invisible link sa kanan, at isang nakalaang button na "Contact" sa dulo ng row. Ang ritmo ng seksyon ay nagpapalitan sa pagitan ng mga full-height hero panel at mas makitid na content strip na may ~108px na puwang. Ang layout ng nilalaman ay asymmetrical: ang prismatic artifact ay nagsisilbing visual center, at ang mga pamagat ay nakapalibot dito. Ang mga single-column text block ay may maximum na lapad na humigit-kumulang 440px; wala ang mga multi-column grid, card matrices, at mga pricing table. Ang footer ay isang manipis na strip, na hinati ng isang manipis na linya, na may dalawang hanay ng metadata.
Ang pangunahing elemento ng disenyo ay isang abstract 3D na imahe ng mga glass cube na may chromatic aberration sa mga gilid, na pinaghihiwalay ng kulay RGB. Walang mga litrato, walang mga imahe ng mga tao, walang mga kuha ng produkto. Ang prisma ay ang imahe ng brand; ang lahat ng iba pa ay monochrome typography sa isang madilim na canvas. Minimal lamang ang ikonograpiya: banayad na mga label ng nabigasyon at isang maliit na cursor/glyph accent (area 142765) sa dulo ng isa sa mga heading na nagpapahiwatig ng isang solong, monolinear na 16px na icon. Walang mga ilustrasyon, walang mga pandekorasyon na pattern, walang mga tekstura.
Paleta
Neutral
- Bone White
#fffdf9— Ang pangunahing teksto, mga label ng nabigasyon, kulay ng link, at punan ng heading ay pawang halos puti, na sumasakop sa lahat ng tipograpiyang ibabaw sa isang madilim na canvas. - Obsidian
#101010— Ang canvas ng pahina, ang panlaping pang-background para sa pangunahin at naghahati na mga guhit, ay isang matingkad na itim na kulay na may prismatikong artifact sa loob. - Graphite Veil
#495764— Sa likod ng mga heading at content block, nangingibabaw ang malamig at madilim na slate, na nagbibigay ng lalim sa canvas nang hindi gumagamit ng flat black. - Ash Border
#403f3f— Isang banayad na linyang naghahati at balangkas ng kard ang ginagamit sa 1px upang paghiwalayin ang mga linya nang hindi nakikipagkumpitensya sa teksto. - Fog Blue
#6f879c— Pinahinang pangalawang teksto at mga banayad na label ng buton (3.7:1 contrast) – ang mga pagtatalaga ng kategorya ng serbisyo tulad ng "Istratehiya," "Malikhain," "Komunikasyon + Marketing" ay itinuturing na hindi naka-highlight na metadata. - Pure Black
#000000— Pandekorasyon na palaman para sa mga icon at ilustrasyon ng SVG—ginagamit sa imahe ng prisma at mga glyph ng icon; hindi isang background.
Tipograpiya
mula 15 hanggang 136px · 9 na hakbang
- Neue Montreal — kapalit: Söhne · mga balangkas 400, 700 · Ang eksklusibong font ay ginagamit sa buong user interface—mga heading, body copy, nabigasyon, mga button, mga link, at ang footer. Ang 400 weight ang default; ang 700 weight ay nakalaan lamang para sa mga subheading. Ang mga heading na may 105px at 136px weight ay may line spacing na 1.00–1.01em at letter spacing na -0.02em, na lumilikha ng sinematiko at nakasalansan na mga heading na mas mukhang eskultura kaysa sa tipograpiko.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | maluwang |
| Pangunahing hakbang | 7px |
| Radius ng buton | 0px |
| Radius ng card | 15px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 108px |
| Lapad ng pahina | 1440px |
Gagawa ang AI ng website mo sa estilong Vivid+Co at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Sequel — Ang pribadong pagpapalabas pagkatapos ng dilim ang tanging mainit na liwanag sa isang madilim na sinehan.
- ThoughtLab — Isang monumento ng obsidian na may pulang senyales. Isang kanbas ng itim na kawalan, kung saan ang tanging puspos na pulang bagay sa katedral, na nakalimbag sa malalaking puting letra, ay isang nag-iisang pigurang kromatiko.
- Dovetail — Isang blueprint sa ilalim ng itim na buwan—halos hindi nakikitang mga linya ng graph, puting font, isang lilang kislap
- MekaVerse — Isang monochrome gallery ng mga digital artifact—isang solidong itim na kawalan kung saan ang na-render na mundo ay nakasabit na parang isang exhibit sa museo, at ang buong user interface ay puting tinta sa ibabaw ng matte black na salamin.
- Krea — gallery noir sa hatinggabi
- Factory — Ang terminal ng "war room" sa hatinggabi. Ang "pabrika" ay isang matingkad na itim na control panel kung saan may isang puting card na lumalapag na parang isang dispatch na may ilaw na flashlight—ang tanging bagay sa silid ay ang mismong gawa.
- basement — Isang walang laman na palimbagan ng alas-3 ng umaga – malalaki at naka-compress na mga font na nakakalat sa madilim na lugar, isang kislap ng kulay kahel na ilaw sa navigation bar, lahat ng iba ay puti o parang multo na kulay abo.
- Stink Studios — Isang studio ng pelikula sa hatinggabi - umuugong ang projector, madilim ang silid, tanging ang pelikula lang ang naiilawan
- Apple (España) — itim na teatro na may mga ilaw na kagamitan
- Charlie — Tipograpiyang inukit mula sa bato ng monasteryo patungo sa obsidian. Isang portfolio kung saan ang isang pulang pader ay lumilikha ng nakabibinging katahimikan.
- Rive — Mataas na katumpakan na paningin sa gabi. Nagtatampok ang interface ng isang espesyal na lente na tumatagos sa dilim upang tumuon sa mga teknikal na detalye nang may lubos na kalinawan.
- Datalands — Isang itim na katedral na may iisang neon pulse. Pumupuno ang logo sa nabe; ang lahat ng iba pa ay halos hindi maririnig na teksto sa ilalim.