Modal

Palet

Merk

• Lime Pulse #7fee64 — De belangrijkste elementen van de huisstijl zijn het logo, de belangrijkste call-to-action (CTA), het invullen van tags, de actieve statussen en de basiskleur van de illustratie.

Neutrale

• Phosphor White #ddffdc — De hoofdtekst, de kleur van de titel, de omtrek van het pictogram en de gevulde knoptekst vormen het belangrijkste leesbare oppervlak.
• Void Black #000000 — Pagina-canvas, de diepste achtergrondlaag
• Ground Iron #181818 — Vulling van de hoofdknop, kaartoppervlakken in donkere gebieden, basisoppervlak van de gebruikersinterface.
• Carbon Veil #212525 — Verhoogde oppervlakken, navigatieachtergrond, iets lichter dan de grond.
• Circuit Border #485346 — Het omtrek-/spookactiekader, de belangrijkste interactieve dunne lijn, heeft een gedempte groenachtig-grijze tint.
• Phosphor Blue-Black #1f2a33 — Secundaire dunne markeerlijnen, die de strepen tussen de donkere lijnen verdelen.

Typografie

van 12 tot 64px · 8 stappen

• Goga — vervanging: Inter Tight or Space Grotesk · overzichten 400, 500 · Kop- en subkoplettertype – Gebruikt voor alle H1-H4-koppen en kaarten. Goga is een aangepast geometrisch schreefloos lettertype met smalle openingen en licht vierkante uiteinden. De medium dikte (500) is gereserveerd voor het markeren van kopteksten op kaartniveau; de normale dikte (400) wordt gebruikt voor hero- en sectiekoppen. Om toegang te krijgen tot de alternatieve glyph-vormen die de identiteit van Modal bepalen, moet de stijlset 'ss01' zijn ingeschakeld. De negatieve letterafstand neemt geleidelijk af van -0,007em bij 48px tot -0,017em bij 21px.
• Inter Variable — vervanging: Inter · overzichten 400, 500 · Gebruikersinterface en hoofdtekst – navigatie, knoppen, hoofdtekst, labels, voettekst. Standaard wordt een gemiddelde letterdikte (500) gebruikt voor interactieve elementen en navigatie; voor alinea's wordt een normale letterdikte (400) gebruikt. De letterafstand is merkbaar kleiner, zelfs bij kleine lettergroottes (-0,026em bij 14px, -0,022em bij 16px), waardoor de interface een compacte, eindige uitstraling krijgt. Voor alternatieve leestekens moet de tekenvariant 'cv11' worden gebruikt. Labels in hoofdletters van 12px gebruiken een letterafstand van +0,05em om de dichtheid van de hoofdtekst te compenseren.

Intervallen en vorm

Vergelijkbare stijlen

• Slash — Nachtkluis met vergulde grootboeken
• AgentQL — Het noorderlicht boven de terminal 's nachts
• GitHub — Een ruimtecommandopaneel met bioluminescente bedieningspunten – een donkere, sfeervolle werkruimte waar een enkele groene gloed de weg wijst.
• Doppler — De paarse verlichting van de kluis om middernacht. Het bijna zwarte doek gloeit met een enkel lavendelkleurig signaal en een groen bevestigingslicht, elk oppervlak is voldoende gebogen om vast te pakken.
• Basedash — Een dataterminal midden in de nacht met een mat lettertype. Een donker observatorium waar meetwaarden paars en groen oplichten, schreefletters boven de ruis zweven en witte, pilvormige knoppen de enige heldere objecten zijn in een ruimte vol zachte, zwarte oppervlakken.
• Superwhisper — Het noorderlicht verdwijnt achter de middernachtelijke hemel.
• Better Stack — Midnight SRE Console
• Langbase — Middernacht noorderlicht console
• Astro — De vluchtleidingscentrale van Deep Space Mission Control, met een enkele paarse gloed afkomstig van een nevel.
• Wayfinder — Een zwart filmscherm met een nauwelijks hoorbare titel die boven een bewegende illustratie zweeft. De interface bestaat uit een schuifregelaar voor de helderheid in plaats van een bedieningspaneel.
• HashiCorp — De controlekamer, midden in de nacht verlicht door paars neonlicht, is een donkere, technische ruimte waar een gloeiende zeshoekige kubus als enige kleurreferentie dient.
• Umbrel — Een knusse vuurplaats in de serverruimte 's nachts – een donkere ruimte waar een enkele perzikkleurige gloed benadrukt wat er werkelijk toe doet.