d3kn Warm Teal (نظام تصميم d3kn)Legacy format
Built with an editorial warm ivory palette, deep dark teal typographic foundation, vibrant interactive teal highlights, and rich dramatic elevation.
Color Palette
Primary & Brand
Canvas & Surfaces
Typography & Ink
Borders & Lines
Semantic & Feedback
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxBuilt with an editorial warm ivory palette, deep dark teal typographic foundation, vibrant interactive teal highlights, and rich dramatic elevation.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Elevation & Depth
Do's & Don'ts
Do
Don't
Identity & Philosophy
• Creator / User: d3kn
• Core Mood: Elegant, clean, breathable, and distraction-free. Avoids harsh cold whites and oversaturated neon tones in favor of an organic warm feel.
• Visual Balance: Generous 24px-32px padding, tactile 8px rounded corners, and deep layered drop shadows that lift interactive components off the page.
---
Motion & Micro-interactions
• Transitions: 150ms - 200ms cubic-bezier(0.16, 1, 0.3, 1).
• Interactive elements provide immediate tactile visual confirmation upon click/hover.
• No jarring or distracting loop animations.
Use with MCP
Don't have the MCP? Install it here