RND Source - Tillverkning & Inköp

RND Source

Grafisk Profil

Komplett visuell identitet för professionell tillverkning och inköp

TASA Explorer + Atkinson HyperlegibleNavy till Sky Blue PalettProfessionella Logotyper

Varumärkesöversikt

Vår Identitet
RND Source positionering och värderingar

Slagord

"Rätt fabrik. Rätt kvalitet. På plats i Kina."

Målgrupp

Svenska företag som behöver tillförlitlig tillverkning och inköp från Kina.

Tonalitet

ProfessionellPålitligPrecisionSvensk kvalitet
Designprinciper
Designfilosofi och riktlinjer

Designfilosofi

Minimalistisk elegans med industriell precision. Svenskt förtroende möter kinesisk expertis.

Nyckelelement

  • • Rymdsinspirerad typografi (TASA Explorer)
  • • Maximal läsbarhet (Atkinson Hyperlegible)
  • • Professionell färgpalett (Navy till Sky Blue)
  • • Mobil-först design

Logotyper och Ikoner

Primära Logotyper
Huvudlogotyper för olika användningsområden

Lång Logotyp (Sidhuvud/Sidfot)

Ljust läge

RND Source Long Logo - Light

176×32px - Optimal för sidhuvud

Mörkt läge

RND Source Long Logo - Dark

176×32px - Optimal för sidhuvud

Ikon (Favicon/Sociala medier)

RND Source Icon

SVG - Skalbar

RND Source Icon PNG

PNG - Favicon

Användningsriktlinjer
Hur logotyperna ska användas korrekt

Gör så här:

  • • Använd lång logotyp i sidhuvud och sidfot
  • • Använd automatisk ljus/mörk läge växling
  • • Håll alltid korrekt proportion
  • • Använd SVG-format när möjligt för skärpa
  • • Ikon för favicon, sociala medier och små ytor

Undvik detta:

  • • Ändra inte färger på logotypen
  • • Sträck eller kläm inte proportionerna
  • • Placera inte på låg kontrast bakgrund
  • • Använd inte gamla eller generiska logotyper
  • • Rotera eller vinkla inte logotypen

Tillgängliga format:

SVGPNGWebP

Typografisystem

TASA Explorer - Rubriker
Rymdsinspirerad geometrisk font för rubriker

H1 - Huvudrubrik

H2 - Sektionsrubrik

H3 - Underrubrik

H4 - Liten rubrik

Tekniska specifikationer:

  • Fontfamilj: "TASA Explorer", sans-serif
  • Vikter: 400-800 (Normal-ExtraBold)
  • Källa: Google Fonts
  • Reserv: sans-serif
  • Användning: H1-H6, viktiga etiketter
Atkinson Hyperlegible - Body
Maximal läsbarhet för all body text

Large text - Stor brödtext för viktiga meddelanden och ingresses.

Normal text - Standard brödtext för artiklar, beskrivningar och allmän information.

Small text - Mindre text för bildtexter, metadata och kompletterande information.

Extra small - Mycket liten text för disclaimers och copyright.

Tekniska specifikationer:

  • Fontfamilj: "Atkinson Hyperlegible", system-ui, sans-serif
  • Vikter: 400, 700 (Normal, Fet)
  • Källa: Google Fonts
  • Tillgänglighet: Designad för maximal läsbarhet
  • Användning: Brödtext, knappar, formulär, UI
Typografi i praktiken
Hur fonterna används tillsammans

Precision Manufacturing i Kina

RND Source hjälper svenska företag att hitta rätt fabrik med rätt kvalitet. Vi är på plats i Shenzhen och säkerställer att era produkter tillverkas enligt svenska standarder.

Med över 15 års erfarenhet av tillverkning i Kina förstår vi både de svenska kraven på kvalitet och de kinesiska tillverkningsprocesserna. Detta ger oss en unik position att leverera optimala lösningar.

Färgpalett: Navy ↔ Sky Blue

Light Mode Palette
Ljust tema - professional och clean

background

#ffffff

foreground

#0f172a

primary

#0f172a

primary Foreground

#ffffff

secondary

#f1f5f9

accent

#2563eb

accent Foreground

#ffffff

border

#e2e8f0

muted

#f1f5f9

muted Foreground

#475569

Dark Mode Palette
Mörkt tema - elegant och professionell

background

#0f172a

foreground

#e0f2fe

primary

#60a5fa

primary Foreground

#0f172a

secondary

#334155

accent

#93c5fd

accent Foreground

#0f172a

border

#475569

muted

#334155

muted Foreground

#94a3b8

Färganvändning & Guidelines
Hur och när olika färger ska användas

Primary

Huvudknappar, viktiga accenter, navigation

Secondary

Sekundära knappar, subtila bakgrunder

Accent

Hover states, fokus, call-to-actions

Muted

Subtil bakgrund, cards, separatorer

Färgtips:

  • • Automatisk inversion: Färgerna byter automatiskt mellan light/dark mode
  • • Accessibility: Alla färgkombinationer har minst WCAG AA kontrast
  • • Brand consistency: Navy representerar Swedish precision, Blue representerar innovation
  • • Flexibilitet: Paletten funkar för både B2B kommunikation och användargränssnitt

Komponenter och UI-system

Knappar
Standardiserade knappstilar
Användning: Primary för huvudaktioner, Secondary för sekundära val, Outline för neutrala alternativ.
Märken och Etiketter
Etiketter för kategorisering
ManufacturingQualityPrecision
AktivPendingAvstängd
Användning: För att categorisera tjänster, visa status eller markera viktiga egenskaper.
Kort och Behållare
Strukturerade innehållsbehållare
Example Card
Detta är en exempel-card med header och content

Kortinnehåll går här. Perfekt för produkter, tjänster eller information.

Användning: För att gruppera relaterad information, produkter eller tjänster.
Ikoner
Font Awesome ikon system

Download

View

Copy

Success

System: Font Awesome Free - konsistent ikonbibliotek med över 2000 ikoner.

Implementation och Kod

CSS Variabler
Kopiera och klistra in CSS-variabler
/* RND Source Color Variables */
:root {
--background: #ffffff;
--foreground: #0f172a;
--primary: #0f172a;
--primary-foreground: #ffffff;
--accent: #2563eb;
--accent-foreground: #ffffff;
}
/* Font Families */
h1, h2, h3, h4, h5, h6 {
font-family: "TASA Explorer", sans-serif;
}
body {
font-family: "Atkinson Hyperlegible", system-ui;
}
Responsiv Design
Brytpunkter och mobil-först approach
Mobile320px - 639px
Tablet (sm:)640px+
Laptop (md:)768px+
Desktop (lg:)1024px+
Approach: Mobil-först design med progressiv förbättring för större skärmar.

Resurser & Nedladdningar

Logotyppaket
Alla logotyper i olika format
Fontfiler
Typografi för offline användning
Designresurser
Mallar och designresurser

Frågor om grafisk profil?

Kontakta oss om du behöver hjälp med implementation eller har frågor om brand guidelines.