Authkit

Palet

Merk

• Void Violet #663af3 — De primaire kleur van de call-to-action (CTA)-knop is de enige accentkleur die exclusief wordt gebruikt voor de "Doorgaan/Verzenden"-knop in inlogformulieren; het levendige paars tegen de bijna zwarte achtergrond creëert een gevoel van urgentie zonder het monochrome kleurenschema te verstoren.

Neutrale

• Midnight Canvas #05060f — De achtergrond van de pagina, het diepste oppervlak van de kaart, de vulling van het embleem – een bijna zwarte basis waarop al het andere zweeft.
• Steel Plate #2f343e — Verhoogd oppervlak, virtuele/secundaire actieknoppen, discrete achterplaat.
• Fog Veil #9da7ba — De hoofdtekst, de tekst op de kaart, is leesbaar, maar valt in het niet bij de kopjes.
• Moon Mist #c7d3ea — Hoofdtekst, extra labels, gedempte hulptekst
• Frost Glow #d1e4fa — De primaire opvulkleur voor hoofdtekst en linktekst, pictogramtekst en pictogramvulling is de standaard gloeiende voorgrondkleur.
• Ice Highlight #d8ecf8 — Lichte tekst op donkere achtergronden, omgekeerde labels en koppen met hoog contrast. Gebruik het niet als primaire kleur voor call-to-actions; een kleurovergang in de koppen – een vloeiende overgang van lichtblauw naar zachtblauw van boven naar beneden – wordt gebruikt in het AuthKit-logo en de belangrijkste koppen.

Typografie

van 12 tot 48px · 8 stappen

• Untitled Sans — vervanging: Inter · overzichten 400, 500, 600, 700 · Hoofdtekst, gebruikersinterface, knoppen, invoervelden, pictogrammen, kleine kopjes - een universeel lettertype voor alles wat functioneel is.
• aeonikPro — vervanging: Space Grotesk · overzichten 400, 500 · Door alleen kopteksten weer te geven – de AuthKit-merknaam, sectiekoppen en de hoofdtekst – geeft een lettertype van 500 punten met een lettergrootte van 44-48px de merknaam een brede, ingetogen uitstraling in plaats van een opvallend accent.
• dotDigital — vervanging: JetBrains Mono · overzichten 400 · Tekst in hoofdletters ("Introducing," "Expandable Design," "Shine Bright") - tekst in monospaced hoofdletters met een regelafstand van 0,10em dient als subtiele scheiding tussen de hoofdtekst en de kop.

Intervallen en vorm

Vergelijkbare stijlen

• Resend — zwart fluweel met paarse neonkleur
• Gsap — Een geanimeerd whiteboard in een ontwerpstudio. Een bijna zwarte muur, warm crèmekleurig krijt en vijf gekleurde stiften – één voor elke animatiediscipline.
• Slash — Nachtkluis met vergulde grootboeken
• Raycast — Middernacht Commandocentrum, Koraal Neon
• Dimension — een bij schemering verlichte werkplek met panelen van matglas
• Modal — Een fosforescerende terminal in een verduisterde serverruimte - de enige lichtbron is een felgroene lamp.
• Reflect Notes — De paarse sterrenhemel is een donker observatorium waar noten als sterrenbeelden zweven tegen een achtergrond van bijna zwarte indigo leegte.
• LaunchDarkly — De Neon Control Room is een donkere cockpit waar paarse lichten door gitzwarte panelen pulseren.
• Ameba — De controlekamer om middernacht – een elektrisch blauwe puls in de matglazen panelen.
• AgentQL — Het noorderlicht boven de terminal 's nachts
• Neon — Een serverruimte in het donker. Volledige duisternis, waar het enige licht afkomstig is van data en gebruikersinteracties.
• N8n — Workflow Engine at Midnight – het gevoel van een realtime automatiseringscanvas in een donkere serverruimte, verlicht door statusindicatoren en datastromen.