Heqtic · Visuellt system v1.1
Brand board.
Heqtic är ett alternativ till AI SDR. Vi är hantverkare i ett yrke som blivit fyllt med automatiseringar utan omtanke. Det visuella systemet ska bära det: modigt, redaktionellt, lugnt. Loggan är hög, sajten är låg.
Makes you stand out.
Decrease your busyness.
Increase your business.
01 · Färg
Loggans blå får jobba ensam.
En enda accentfärg. Den är ett verktyg, inte dekoration. Vi använder den på CTA, fokus, länkar och en ledande siffra åt gången. Allt annat är vitt, mist-cool eller ink.
Brand
Loggans matematiska färg är #0800FF (pixel-sampled). Vi använder #1A3CFF i CSS för att kompensera för sRGB:s perceptuella violet-tilt.
Light mode
Dark mode
02 · Logga
Placering och kontrast.
På sajten används loggan stor, centrerad i hero. I navet används en text-wordmark istället (Newsreader 700 i brand-färgen). Minsta storlek när loggan används som bild är 80px hög. Friyta runt loggan ska minst motsvara höjden av "h" i ordmarket.
På brand-blå inverteras loggan via CSS-filter. För bästa kant-skärpa, exportera en native vit version från Krita-källan.
03 · Typografi
Serif för rubriker. Grotesk för allt annat.
Newsreader (variabel serif från Production Type) i rubriker. Hanken Grotesk i brödtext. Geist Mono för eyebrows, priser och kod-liknande element. Alla tre är mindre vanliga i tech-startup-sammanhang än de typsnitt vi använde tidigare.
04 · Knappar
Sparsam interaktion.
Primärknapp i brand-blå, full vikt, en per skärmblock. Sekundär med neutral kontur. Ghost för avlastning där en länk räcker. Aldrig fler än två knappar bredvid varandra.
05 · Sektionsytor
En tonal rytm istället för svart-vit kontrast.
Sajten alternerar mellan två ytor: var(--bg) som default och var(--surface-2) som variation. Bägge följer temat. Vi har lämnat det gamla "ink-stycket" som alltid var helsvart i ljust läge — det bröt mot temats logik och stack ut på fel sätt. Den nya rytmen håller läsbarhet i båda lägen.
Princip: ingen sektion ska bryta från temat. Tonalt skifte räcker för att signalera "ny tanke".
06 · Betalvägg
Under construction-tillstånd för artiklar.
Tills produkten är live, eller på artiklar som ännu inte är publika, blurras innehållet under hero och en sticky kort-overlay tar över. Kortet fångar mejl för lansering. Mönstret är klassbaserat (.paywall-zone, .paywall-content, .paywall-overlay, .paywall-card) och kan slängas runt vilken sektion som helst.
Principer: innehållet under blurren är inert och pointer-events: none så ingen tabbar in i osynlig text. Mask-gradient mjukar övergången från klart till blurrat. Kortet är position: sticky så det följer scrollen genom hela den gatade zonen.
07 · Tonalitet
Hur Heqtic låter.
Vår röst är en kunnig kollega som har gjort jobbet själv. Vi pratar svenska som svenskar pratar, inte direktöversatt amerikansk SaaS. Vi är raka utan att vara kalla, och vi gör anspråk vi kan backa upp.
Gör
- Visa, säg inte. "Här är en riktig RBS" slår "vi levererar kvalitet".
- Var konkret. Antal, kronor, dagar. Aldrig "vi kan hjälpa er".
- Erkänn det som är svårt. Säg att det inte alltid funkar perfekt.
- Ge en åsikt. Vi tror på saker. Vi säger det.
Gör inte
- Använd buzzwords som "AI-driven" eller "synergi".
- Hypa AI. Vi använder verktyg, vi säljer dem inte.
- Använd ord som "lösning" eller "plattform" utan substans.
- Lägg på utropstecken eller versaler för betoning.
- Använd em-dash. Komma, punkt eller kolon istället.
08 · Designprinciper
Vad vi optimerar för.
Loggan är hög, sajten är låg.
Den blå ordmarken bär uttrycket. Allt annat ska andas runt den.
Substans före effekter.
Inga gradients, glow eller glas-effekter. En sak som stämmer slår tio som ser snygga ut.
Mätbart, inte mystiskt.
Antal RBS, kronor, dagar. Konkret talspråk slår vagt försäljningstal.
Designat för läsning.
Texten är sajtens stjärna. Radhöjd och radlängd är kalibrerade för läsning.