Ventriloc
En redaktionellt Observatoire vun Daten op waarmem Pabeier - eng eenzeg orange Kuel, déi déi monochrom Präzisioun ervirhiewt
Ventriloc schwätzt mat enger roueger, redaktioneller Stëmm: eng waarm, knackeg wäiss Leinwand, monospaced, héichpräzis Datenkaarten, an eng eenzeg orange Holzkuelfaarf, déi de Monochrom wéi e Marker op engem gedréckte Bericht punktuéiert. De System kombinéiert eng speziell entworf neo-grotesk Schrëft (PolySans) mat enger Gewiichtung vu 400 Punkte fir Iwwerschrëften - eng ongewéinlech Restriktioun, déi Autoritéit duerch Volumen fir Autoritéit duerch Präzisioun opfert - mat Inter fir Kierpertext an Interfaceelementer. D'Uewerfläche si waarm Gro a Crème amplaz vun engem kale, Tech-Blo, d'Kaarte hunn asymmetresch Eckronnungen (scharf uewe riets Eck, mëll soss anzwousch), an interaktiv Elementer sinn an zwou verschidde Dialekter opgedeelt: schaarf gewénkelt Textknäppercher a pillefërmeg Navigatiounscontainer. Faarwe gi spuersam benotzt: Säite solle 95% vun der Zäit an engem achromatesche Stil entworf sinn, an Orange gëtt nëmmen als funktionell Interpunktioun fir d'Hervorhebung, d'Ënnersträichung vu Linken an dekorativ Akzenter vun Daten benotzt.
De Container mat maximaler Breet ass 1200px, zentréiert, mat generéisen 80px-Routins tëscht de Sektiounen. Den Haaptelement ass an zwou Kolonnen opgedeelt: lénks ass d'Iwwerschrëft, den Ënnertext an e Set vun zwee Call-to-Action-Knäppercher; riets ass eng Grupp vun dräi iwwerlappenden Datenkaarten (e Finanzdiagramm, Akommesstatistik, e Rentabilitéitsrank), déi op enger wäisser Leinwand schwiewen. Ënnert dem Haaptelement ass e Partnerlogo-Sträif a voller Breet op engem wäissen Hannergrond. Déi folgend Sektiounen wiesselen tëscht Äschen (#efefef) a wäisse Sträifen. D'Navigatioun ass e schwiewende pillefërmege Container, deen um Header zentréiert ass, mam Markenlogo lénks ausgeriicht an engem donkelen "Kontaktéiert eis"-Knäppchen riets ausgeriicht. De gesamte Rhythmus ass grouss an redaktionell - breet Margen, héich Sektiounen, an d'Datenkaarten bidden déi eenzeg visuell Interpunktioun nieft der Typographie.
Den visuellen Design baséiert bal ganz op Daten: Grafik-Widgets (Linnegrafiken, kreesfërmeg Fortschrëttsbalken, Statistikkaarten) sinn an engem flaache, minimalistesche Stil mat dënnen orange a messingfaarwegen Linnen op wäisse Kartonoberflächen entworf. Et gëtt keng Lifestyle-Fotoen, keng Stockbiller, keng Illustratiounen op der Homepage. Den eenzege fotografeschen Inhalt sinn d'Logoen vu Partner/Clienten, déi a monochromem Graphit duergestallt ginn. Déi visuell Sprooch ass méi no un engem gedréckte Joresbericht wéi un enger typescher SaaS-Websäit - d'Grafiken SINN Biller. D'Ikonen sinn dënn, monolinear a graphitfaarweg a erschéngen nëmmen rar an der Navigatiounsleiste an den Header vun de Kaarten.
Palette
Mark
- Ember Orange
#ff682c— Orange gëtt benotzt fir Linken, Tags a kuerz Ausdréck ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruff benotzt ginn.
Neutral
- Graphite
#202020— Haapttext, Iwwerschrëften, Navigatiounslinken, Ikonkonturen – dat sinn déi typographesch Basis vun all Interface-Element. - Canvas White
#ffffff— Säitenhannergrond, Kaartenhéicht, Ikonenfëllung – déi hellst Uewerfläch am System. - Ash
#efefef— Den Haapthannergrond vun der Kaart an der Sektioun, de Behälter vun der Navigatiounsbar, ass eng iwwerwiegend waarmgro Uewerfläch. - Fog
#f5f5f5— En subtile Hannergrondtoun fir verschachtelt Flächen an sekundär Behälter. - Ivory
#ebe6dd— Waarmen Akzenthannergrond fir d'Haaptblöcke - e papierelegt Gefill. - Steel
#4d4d4d— Sekundären Haapttext, laangen Absatztext
Typographie
vun 14 bis 66px · 5 Schrëtt
- PolySans — Ersatz: Inter Tight or Space Grotesk at weight 400 · Konturen 400 · Iwwerschrëften an dekorativen Text - Eng speziell entworf neo-grotesk Schrëft, déi exklusiv mat enger Gewiicht vun 400 an engem Buschtawenofstand vun -0,02em benotzt gëtt, erstellt eng subtil redaktionell Autoritéit, déi keng fett Iwwerschrëft kéint widderhuelen.
- Inter — Ersatz: system-ui or Roboto · Konturen 400, 500, 600 · Kierpertext, Etiketten vun UI-Elementer, Knäppchentext, Iwwerschrëften, Metadaten - eng universell Sans-Serif-Schrëft fir alles, wat keng Iwwerschrëft ass.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 20px |
| Knäppchenradius | 0px |
| Kaarteradius | 8px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 80px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Ventriloc op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Ui — klinesche Plang op Mattpabeier
- Geniestudio — E mëllen Dagesliichtnotizbuch - déi Zort mat breede Rand an engem décke Bicsträifen
- xAI — Waarm Crème Lab mat schwaarzer Pëll
- Cal — Monochrom Praktikabilitéit, eng mënschlech Approche. E System, dat Kloerheet a Funktionalitéit duerch eng strikt schwaarz-wäiss Palette prioritär behandelt, awer se mat frëndlecher Typographie a gerundeten Formen ofmëllegt.
- Scale — E qualitativ héichwäertegt Fotolaboratoire a Muséequalitéit kombinéiert mat engem technesche Projet
- Contractbook — Kontrakter vu Crèmepabeier ënner engem ultramarine Himmel
- AutoSend — E gemittlecht Steenstudio mat engem eenzege violette Liicht - wou serif-Schlagzeilen an hell Indigo-Opruff zum Handeln zesummekommen an engem rouegen, bal wäisse Raum.
- Air — Skulptur "Mëtternuechtshimmel duerch Glas"
- SpatialChat — violette Puls op wäissem Pergament
- Squarespace — Filmesch Monochrom Galerie
- Giga — Mëtternuechtshorizont iwwer matten Obsidian
- Supabase — E Code-Editor um Mëtternuecht mat engem phosphoreszenten grénge Punkt - en eenzege chromateschen Impuls op engem Mier vu Kuelestaub