Brand book · 00
The Dwellir brand
What Dwellir stands for and how it looks: the northern lights over a calm, precise interface. The idea, the palettes, the type, the voice and where to find each rule.
Blockchain data for developers, traders and data teams
Dwellir runs the nodes, so builders do not have to. One API key reaches 150+ networks over HTTPS, WebSocket and gRPC.
Who it serves
Developers, traders, data teams, indexers, exchanges, wallets and oracles: teams that read a chain all day and need the answer to be right and fast.
The promise
RPC for 150+ networks. 1 response = 1 credit. One price per response, whatever the method, with no compute units to decode.
Where it comes from
Uppsala, Sweden, since 2021. The northern lights are local. They give the brand its light, and the precise interface in front of them gives it trust.
Northern lights over a precise interface
Light behind, glass in the middle, clear and exact UI in front. Four elements carry the idea.
Aurora
A curtain of light in green, violet, rose and gold over a dark sky. It rises behind the hero and the closing call to action. It is atmosphere, not decoration.
Sheets
The page is a stack of rounded sheets: the ground, the alt sheet and the deep sky sheet. A sheet groups one topic and sets the surface of the cards on it.
Solar wind
Flux lines blow through the sheets and light the edge of a card under the pointer. They show that the network is live. Reduced motion stops them.
Runes
The icons are carved, not drawn: straight strokes, square ends, faceted rings. They read at 14 px and share one 2 px stroke.
Where the aurora goes
The aurora draws the eye. Give it the moments that deserve it, and keep it away from work.
It appears
- Do: On the sky sheet of a hero and of the closing call to action.
- Do: In the footer, as the moving curtain.
- Do: Behind glass cards, which let the light through.
- Do: On Open Graph images, guide covers and social banners, baked as a still.
It must not appear
- Don't: Behind running text, tables, forms or code.
- Don't: On dense app screens, such as the dashboard. They use the still parts.
- Don't: Under status colours: status fills stay off the sky.
- Don't: As a pattern on every card, or as a gradient on text.
- Don't: In motion for a reader who asks for reduced motion. The lite quality level thins the wind and drops the blur; the still level stops all motion.
Two palettes, three typefaces, one mark
Every page works in light and dark. The neutrals do the work; one green leads; the aurora hues only tell things apart.
The palettes
Light: white ground, cool grey sheets, near-black ink. Dark: neutral greys, never pure black, with light grey ink. The green and the aurora hues keep their hue in both.
The type roles
- UbuntuTitles and headings
- RobotoBody text, buttons and labels
- JetBrains MonoCode, endpoints and keys
The mark
A shield that holds a chain link: the infrastructure that keeps the connection to the chain. A green rim and a dark fill, so one file works on light and dark. The name follows in spaced capitals.
The voice: a peer who knows the numbers
Direct, specific and calm. Write for a senior engineer with little time. No hedging, no superlatives, no emoji, no em dashes.
| Not this | This | Why |
|---|---|---|
| Industry-leading, cutting-edge RPC infrastructure. | 99.99% uptime SLA on production endpoints. | A number, not an adjective. |
| Perfect for high-volume applications. | Ideal for applications making 100M+ monthly requests where cost predictability matters. | Name who it is for, and when. |
| The documentation highlights trace support. | Trace and debug APIs are included on every paid plan. | State the fact. Do not attribute it. |
| Compute units are calculated based on method complexity. | Providers calculate compute units based on method complexity. | Active voice: say who does it. |
| Dwellir is the cheapest and best provider. | 1 response = 1 credit, whatever the method. No compute units. | Show the advantage. Let the reader conclude. |
| Contact us today! | Ready to build on Monad? Contact our team to discuss your infrastructure needs. | A specific next step for a specific reader. |
The rules come from the writing style guide (writing-style-guide.md). It covers structure, numbers, links and calls to action.
The chapters
- 01
Logo
The Dwellir shield and wordmark: sizes, clear space, approved grounds, the favicon, and SVG and PNG downloads.
- 02
Colour
The Dwellir Extended palette in light and dark: grounds, ink, the green accent, the status scale and the aurora hues, with OKLCH and hex values and measured contrast.
- 03
Typography
Ubuntu, Roboto and JetBrains Mono: what each family does, the type scale, and the rules for emphasis, numbers and line length.
- 04
UI kit
The parts every Dwellir page is built from: buttons, cards, fields and sheets. A short tour, then the full design system.
- 05
Assets
Rune icons with copyable SVG, chain icons, the Open Graph image style, and social banners for X and LinkedIn as PNG downloads.
- 06
Component registry
Install the Dwellir parts in any React app with the shadcn CLI: the setup, every item in the registry, and the install command for each.
Where to look
Find the rule for the job in front of you.
| I want to | Read |
|---|---|
| Put the logo on a page or a slide | Logo: grounds |
| Download a logo file | Logo: downloads |
| Check that a text colour is readable | Colour: contrast |
| Copy a hex value for a design tool | Colour: palette |
| Set a title or a long text | Typography: scale |
| Build a page section | UI kit |
| Find an icon | Assets: rune icons |
| Update a social profile | Assets: banners |
| Use the parts in another app | Registry: setup |
| Write a headline or a call to action | Concept: voice |
Start free.1 response = 1 credit.
100,000 responses a day at 20 per second, on 150+ networks. Upgrade when you need more.