Surface Card
Subtle surface with hover border reveal.
Visual Character
Ultra-minimal consulting aesthetic. Stark black background with pure white text and vivid orange (#fa4838) accent. Maximum contrast, minimal UI, confident presence.
Color Palette
Black #000
Orange #fa4838
White #fff
Surface 5%
Background System
Pure Black
Orange Accent
Surface Tint
Glow Effect
Atmosphere Demo
Hero atmosphere
Stark black with subtle orange glow and white typography.
Motif Library
Pure Black
Orange Accent
White Surface
Surface Tint
Typography
Display
Heading Large
Heading Medium
Body text sample for reading rhythm and content flow.
Caption / muted text sample.
inline code
Cards
Accent Card
Orange border accent.
Badge Card
42
Forms
Navigation
Table
| Column | Value | Status |
|---|---|---|
| Strategy | Design Thinking | Ready |
| Approach | Agility | Ready |
| Style | Minimal | Ready |
Prose
Consulting content with links in orange, clean typography, and maximum contrast aesthetic.
Code Block
example.js
JavaScript
// Tiwis code style
const motif = {
black: "#000",
orange: "#fa4838",
white: "#fff"
};
export { motif };Callouts
Info
Blue accent for information.
Blue accent for information.
Success
Neutral white accent.
Neutral white accent.
Warning
Orange accent.
Orange accent.
Danger
Red accent.
Red accent.
Overlay
Animation System
Minimal animation system - only spin loading animation found. Ultra-minimal approach to motion.
spin
subtle spin
accent line
orange glow