Design sample v1 — visual language reference, not a real page ← back to homepage
Visual Language Reference

Design System

Every color, type style, and component used across The Dog Haus mockups, in one place — for reviewing the language itself, separate from any one page's layout.

Foundations

Color

Deep plum and stone carry the Victorian register; gold marks structure and hierarchy; a single neon accent is reserved for emphasis — CTAs, glow states, the one thing on a page that should pull focus.

bg#150e18
marble#251f2a
felt#132018
ink#f2e8d9
ink-dim#cabfc9
muted#8c7f8e
gold#cea24c
gold-soft#ecd08a
neon#ff4fa0
Foundations

Typography

Cinzel (an inscriptional Roman capital) carries headings — Victorian, engraved. Cormorant Garamond is the reading face. Space Mono handles labels, prices, and anything that reads as a digital readout.

Cinzel / H1The Dog Haus
Cinzel / H2Tonight's Tables
Cinzel / H3Behind the Bar
BodyMarble underfoot, low brass light, and a dealer who already knows your usual.
Italic / quoteWipe your paws, and leave your collars at the door.
Mono / label50,000 — 500,000 GIL
Mono / eyebrowOpen Fridays · 12AM–3AM EST
Components

Buttons

One neon call to action per screen. Gold-ghost for secondary actions. Never two primaries side by side.

Components

Badges & Pills

Staff Only Live Now Coming Soon
Components

Alerts & Notices

House note — dealers rotate tables at 1AM EST.
Jackpot live — Fire Hydrant is paying out 1,000,000 gil tonight.
Doors open at 12AM EST. Standard entry, no reservation needed.
Components

Panels

Marble plate for house information; felt panel for games and tables — the felt is reserved for anything actually gaming-related.

House Hours

Fridays, 12AM – 3AM EST. Doors at Raff, Shiro, Ward 21, Plot 6.

Blackjack

1v1 · 50,000–500,000 gil

R

Ryot Barks

Owner & Dealer

Components

Form Elements

For later use — staff sign-up, contact, hiring inquiries.

Components

Pull Quote

"post modern with hints of holographic stuff... a way to kinda highlight it in a subtle way" — Ryot, design direction notes
Components

Dividers



§