Reference for designers, developers, and contributors. Everything here is derived from the DorkFi app design system.
Name: DorkFi
Tagline: Dive into the depths of DeFi.
Domain: dork.fi
Ecosystem: Voi Network + Algorand (AVM)
| Asset | Preview | Usage |
|---|---|---|
| dork.fi logo (transparent, 200×200) |  |
App UI, dark backgrounds, social profiles |
| dork.fi logo (transparent, 500×400) |  |
Presentations, banners, press kits |
| dork.fi — white background |  |
Light backgrounds, print, docs |
| dork.fi — dark background |  |
App UI, dark mode, social profiles |
| Dork Labs — white background |  |
Corporate/legal contexts, grants, press |
| Dork Labs (transparent, 200×200) |  |
Dark backgrounds, app icons |
| Dork Labs (transparent, 500×400) |  |
Presentations, banners, press kits |
| DorkFi icon (200×200) |  |
Favicons, app icons, exchange listings |
Notes:
- Primary logo color: Whale Gold
#A07C10(as rendered) - Always maintain clear space around the logo equal to the height of the "d"
- Do not recolor, stretch, or add effects to the logo
Primary Background
The primary brand background — use as the default backdrop for social cards, hero sections, and key marketing materials.
Additional Banners
| Asset | Preview |
|---|---|
| Agent DeFi banner |  |
| Beach banner |  |
| Dark landscape |  |
Dark rocky/ocean landscape — used as a scene background for NFTs, social cards, and hero imagery. Palette: deep navy #1A2D4A, slate grey #3A4A5A, off-white #C8CDD4.
The gold humpback whale — represents UNIT holders, governance power, and the "whale" archetype in DeFi. Used for premium content, UNIT-related materials, and brand hero imagery.
The chubby blue whale — DorkFi's unofficial mascot and NFT collection character. Carries a book, wears glasses, surrounded by gold coins. Friendly, earnest, slightly overwhelmed. Used for community content, the DorkFi Intern Discord bot, and @DorkFi_Intern persona on X.
Chubs in office setting — used for GM posts, community greetings, and social content.
Original Dork v1 mascot in blue colorway — early community character from the Dorks NFT collection.
Original Dork v1 mascot in red colorway — early community character from the Dorks NFT collection.
Censored Dork v1 variant — community meme content.
| Asset | Preview | Usage |
|---|---|---|
| UNIT coin (official, 256×256) |  |
Token listings, governance communications, marketing |
| UNIT coin (200×200) |  |
CMC, CoinGecko, exchange submissions |
Gold whale on a stone coin. Inscription: CDXX-LXIX (Roman numerals for 420,069 — the fixed supply).
Token details:
- Name: UNIT
- Symbol: UNIT
- Supply: 420,069 (fixed, non-inflationary)
- Algorand ASA:
3121954282 - Voi ARC-200:
420069 - Decimals: 8
| Asset | Preview | Usage |
|---|---|---|
| WAD coin (256×256) |  |
Token listings, governance communications, marketing |
| WAD coin (200×200) |  |
CMC, CoinGecko, exchange submissions, marketing |
WAD (Whale Asset Dollar) is DorkFi's overcollateralized stablecoin. It is minted exclusively through the protocol's A-Market by borrowing against supplied collateral.
Token details:
- Name: Whale Asset Dollar
- Symbol: WAD
- Peg: USD ($1.00)
- Type: Overcollateralized stablecoin (not algorithmic)
- Algorand ASA:
3334160924 - Voi ARC-200:
47138068 - Decimals: 6
Usage notes:
- Do not frame WAD as a yield product or investment
- Emphasize utility: borrowing, liquidity, and on-chain stability
- WAD is minted only through collateralized borrowing — there is no pre-mint or reserve
Primary Font: Poppins (Google Fonts)
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
font-family: 'Poppins', sans-serif;
| Weight | Usage |
|---|---|
| 300 | Subtle labels, captions |
| 400 | Body text |
| 500 | UI labels, nav items |
| 600 | Subheadings, card titles |
| 700 | Headings |
| 800 | Hero text, display |
| Name | Hex | HSL | Usage |
|---|---|---|---|
| Ocean Teal | #00A39E |
178 100% 32% |
Primary actions, links, highlights |
| Deep Sea Navy | #061838 |
218 76% 12% |
Background (dark mode) |
| Whale Gold | #F0B800 |
46 100% 47% |
Accent, warnings, badges |
| Deep Navy | #061838 |
— | Page background, header |
| Name | Hex | HSL | Usage |
|---|---|---|---|
| Ink Blue | #0F4068 |
204 69% 20% |
Secondary backgrounds, borders |
| Highlight Aqua | #00BDBD |
190 100% 37% |
Hover states, active indicators |
| Sky Blue | #82D4F5 |
203 100% 73% |
Subtle highlights, info states |
| Warning Orange | #F57C2D |
25 95% 60% |
Warnings, at-risk indicators |
| Destructive Red | #F87171 |
0 84.2% 60.2% |
Errors, liquidation alerts |
| Bubble White | #FFFFFF |
0 0% 100% |
Text on dark backgrounds |
| Name | HSL | Notes |
|---|---|---|
| Ocean Surface | 194 100% 51% |
Gradient start |
| Deep Ocean Blue | 203 100% 21% |
Gradient mid |
| Ocean Floor | 226 53% 11% |
Gradient end / deepest bg |
| Aqua Glow | 194 100% 50% |
Glow effects |
--background: 218 76% 9% /* #061228 — main app background */
--card: 218 76% 9% /* same as background */
--primary: 178 100% 32% /* Ocean Teal */
--accent: 46 100% 47% /* Whale Gold */
--muted: 217.2 32.6% 14%
--border: 217.2 32.6% 17.5%/* Card elevation */
box-shadow: 0 20px 40px rgba(6, 24, 56, 0.1), 0 1px 0px rgba(255, 255, 255, 0.8) inset;
/* Card hover */
box-shadow: 0 25px 50px rgba(6, 24, 56, 0.2), 0 1px 0px rgba(255, 255, 255, 0.9) inset;| Token | Value | Usage |
|---|---|---|
--radius |
0.5rem (8px) |
Base |
rounded-sm |
6px | Small elements |
rounded-md |
6px | Cards, inputs |
rounded-lg |
8px | Modals, panels |
| State | Color | Notes |
|---|---|---|
| Healthy / Safe | Green (#bbf7d0) |
HF > 1.5 |
| Warning / At Risk | Whale Gold (#F0B800) |
HF 1.0–1.5 |
| Danger / Liquidatable | Destructive Red (#F87171) |
HF < 1.0 |
| Primary action | Ocean Teal (#00A39E) |
Buttons, CTAs |
| Disabled | Muted (217.2 32.6% 14%) |
Inactive elements |
- Playful branding, serious economics. The name is intentionally weird. The protocol is not.
- Short, direct copy. No fluff.
- No exclamation points in formal contexts.
- Audience: crypto-native traders, DeFi power users, DAO treasuries.
- Avoid: yield framing for WAD, investment language, overpromising.
- Use "supply" not "deposit" in all product and marketing copy.
| Token | Full Name | Notes |
|---|---|---|
| WAD | Whale Asset Dollar | Overcollateralized stablecoin. Do not frame as yield or investment. |
| UNIT | UNIT | Governance token. Fixed supply: 420,069. |
| nTokens | nTokens | Receipt tokens for supplied assets. Accrue interest automatically. |
- Repository names: lowercase, hyphenated (
dorkfi-app,dorkfi-liquidation-bot) - README headers: Use
#H1 for project name,##for sections - Badges: Use shields.io with
#00A39E(Ocean Teal) for custom badges - Default branch:
nextis production for the main app - Commit style: Conventional commits (
feat:,fix:,chore:)
# Project Name
> One-line description
## Overview
## Quick Start
## Architecture
## Contributing
## License
| Platform | Handle |
|---|---|
| X (Twitter) | @dork_fi |
| Discord | discord.gg/HZzvGGmcNB |
| Medium | medium.com/@dorkfi |
| Docs | docs.dork.fi |
| App | app.dork.fi |
Last updated: April 2026
| Date | Change |
|---|---|
| May 2026 | Added agent/PROMPTS.md, agent/DIMENSIONS.md, agent/DO_NOT_USE.md; added fonts/ directory with Poppins 400/600/700; added brand color swatch image |
| May 2026 | Reorganized all images into images/ folder; updated all README paths |
| May 2026 | Added WAD token section; fixed Beach Banner image path |
| April 2026 | Initial brand kit created with logos, mascots, backgrounds, and UNIT/WAD token assets |