Column

Palette

Mark

• Indigo Navy #111a4a — Déi primär Markenfaarf gëtt fir ausgefëllte Calls to Action, aktiv Navigatiounszoustänn, den Header an de Logo benotzt. Déi déif violettblo Faarf gëtt der Säit eng zolidd awer räich schwaarz Téinung; zesumme mat wäissem Text erstellt se dee selbstbewosststen Knäppchen op der Säit.
• Seafoam 600 #44b48b — Code- a Datenfaarf ass d'Markenfaarf fir JSON-Schlësselen, Identifikatoren a finanziell Wäerter a Code-Snippets. Si gëtt och fir Datenpunkten a Grafiken a Wuesstemsvisualiséierunge benotzt.
• Seafoam 700 #167e6c — Eng méi donkel Faarf vu Miereschaum fir d'Kontur, d'Linnen an d'Ikonakzenter am Datenkontext. Dëst verankert d'Miereschaumskala géint den méi donkelen Hannergrond.
• Seafoam 400 #94efb7 — Dat markéiert Codefragment enthält Stringwäerter, URLen an API-Endpunkten an de Codeblöcken. Déi hellst Mierschaumfaarf liest sech als eng monospaced Schrëft mat engem grénglechen Téin.
• Deep Sea #023247 — Déi dekorativ Kontur an d'Akzentfaarf vum Diagramm ass eng räich türkis Faarf, déi an SVG-Illustratiounen an Datenvisualiséierunge benotzt gëtt, zesumme mat der Mieresschaum-Faarfskala.

Neutral

• Midnight Ink #011821 — Däischter Uewerfläch an ervirgehuewenen Text – Produktkaart Hannergrond, Haapttext mat héijem Kontrast. Méi no bei gro mat engem kale blo-gréngen Téin; gëtt als Basis fir den donkelen Modus benotzt, wann eng Sektioun ëmgedréint muss ginn.
• Slate Ink #3b3e47 — Den Niewetitel an den Haapttext si bësse méi waarm wéi Midnight Ink, dat benotzt gëtt, wou reng Schwaarz op der heller Leinwand ze haart wierke géif.
• Steel #7c7f88 — Den Haapttext an de Linktext gi vun enger gedämpfter Faarf dominéiert (245 Mol am Haapttext benotzt). Eng neutral groblo Faarf, déi als roueg empfongen gëtt, ni als ausgewäscht Bild.
• Fog #a9acb6 — Ikonkonturen, tertiär Grenzen an Plazhaltertext. Eng mëttelgro Faarf, déi den Text trennt, ouni domat ze konkurréieren.
• Mist #cbcccf — Den Haapttext – Ënnerschrëften, Haftungsausschlëss a Klengdréck – ass op engem wäissen Hannergrond lieserlech, awer visuell manner opfälleg.
• Silver Lining #e3e4e8 — Kaartegrenzen, Inputfeldgrenzen, Trennlinnen. Dës strukturell, subtil Faarf gëtt benotzt, wou zwou Flächen ouni Schied getrennt musse ginn.

Typographie

vun 10 bis 60px · 10 Schrëtt

• SuisseIntl — Ersatz: Inter · Konturen 300, 400, 500, 600 · Primär Schrëft – gëtt fir all Iwwerschrëften, Kierpertext, Knäppercher, Navigatioun, Linken an Text op Kaarten benotzt. Déi eenzegaarteg geometresch Sans-Serif-Schrëft gëtt Column en eenzegaartegen redaktionellen Stil, deen se vun anere Fintech-Firmen ënnerscheet, déi exklusiv mat Inter-only schaffen. D'Gewiicht ass 600 bei 52–60px fir Iwwerschrëften, 500 fir Ënneriwwerschrëften, 400 fir Kierpertext an 300 fir Linken mat gerénger Betonung.
• SuisseIntlMono — Ersatz: JetBrains Mono · Konturen 400 · Eng monospaced Schrëft ähnlech wéi SuisseIntl, déi fir technesch Etiketten, API-Identifikatoren an agebett Daten an UI-Elementer benotzt gëtt. Si behält déiselwecht Proportiounen wéi SuisseIntl, sou datt monospaced an proportional Text a gemëschte Kontexter korrekt ausgeriicht sinn.
• SFMono — Ersatz: Fira Code · Konturen 400 · Code-Snippet-Uweisung – gëtt a JSON-Beispiller an API-Dokumentatiounsblöcke ugewisen. E Mierschaum-Faarf gëtt benotzt fir Code visuell vum UI-Text z'ënnerscheeden.

Intervaller a Form

Ähnlech Stiler

• dope.security — Mëtternuechtsterminal mat purpurroude Beaconen
• Leonardo — Eng ëmgedréint redaktionell Galerie. E Musée mat schwaarze Maueren, wou violett Schlagzeilen als Wandinstallatiounen déngen, an KI-generéiert Portraiten an engem dichte Raster drënner hänken.
• VEED — Wäiss Galeriemauer mat neongrénge Luuchtknäppercher
• Craft Docs — Eng digital Collage fir Scrapbooking. Den Design gläicht engem nodenklechen, taktile Scrapbook, wou strukturéiert digital Notizen mat mëllen, organeschen Texturen kombinéiert ginn.
• Letter — Eng privat Galerie mat schimmernden Artefakte aus dem Lager. E schwaarzmauerenden Ausstellungsraum, wou schiferéiert Schlagzeilen iwwer Chromskulpturen op de getéinte Maueren vun der Galerie schwiewen.
• Railway — De Kosmesche Mëtternuechtsexpress. Eng roueg, spannend Rees duerch den däischteren, stärebeliichte Weltraum, guidéiert vu kloere Signaler.
• Garden Eight — En monumentalen Editorial op crèmefaarwegem Pabeier. Déi 215px Serif-Iwwerschrëft läit eleng op waarmem Pergament, ëmgi vu schwiewende skulpturale Formen an engem negativen Raum, deen un d'Mieresloft erënnert - d'Säit fillt sech méi wéi den Titelbild vun enger Konschtmonographie wéi en Dashboard un.
• Steep — Analyse vu Serif-Schrëften op waarmem Pabeier
• ElevenLabs — E Fotoessay a waarme Crèmetéin mat subtile Schlagzeilen. En Notizbuch am Bauhaus-Stil - Eeërschuelfaarwegt Pabeier, schwaarz Tënt an een eenzege violette an orange Akzent fir d'Produktpresentatioun.
• Awesomic — Redaktiounszinknetz mat orange Punktuatiounszeechen, déi u Konfetti erënneren
• Monad — redaktionell technesch Zäitschrëft op waarmem Pergament
• AI for Business — Brutalistesche redaktionelle Showroom a waarme groe Téin