Memory and context
Keep the user moving without asking them to repeat the details that Nolen already knows.
Learn more
Book a demo
Nolen brand starter
Your trusted AI agent.
A framework-independent HTML and CSS reference for pages that need to look and feel like Nolen.
Foundation
Core tokens
Use the variables in nolen-brand.css rather than hard-coding alternate values.
Content pattern
Clear, direct, and useful.
Lead with the benefit, use active voice, and keep the technical claim concrete. Nunito is the only typeface.
Do
Nolen connects to your tools and delivers the next step without manual handoffs.
Do not
Use vague superlatives or make the product sound louder than the evidence.
Teal accent rule: use --nolen-teal for highlighted words, labels, and links. Use --nolen-teal-deep only on hover or active interactive states.
Components
Build with a restrained palette.
Rotate card colors in multi-card grids. Start with Teal; use Violet as a secondary accent and Coral only sparingly.
Reliable follow-through
Show the sequence, the owner, and the result in language people can scan quickly.
Learn morePractical automation
Use cards for useful capabilities, not decorative containers around every section.
Learn moreReady to supercharge YOUR organization?
Give the next step a clear outcome. Save gradients for moments such as a premium CTA.
Get startedApp UI
Conversation surfaces stay calm.
Use Warm Charcoal for the app header, Cream White or Off White for the canvas, and the Dawn bubble only for user messages.