← OpenDesign CURATED · OPEN · FREE
Limonoslo No
A modern restaurant website blending bold typography, warm colors, and immersive food photography.
Consumer Photographic Warm Bold Typography Clean
01
Identity DNA
restaurant fresh modern warm inviting
A vibrant, modern restaurant combining fresh ingredients with bold, clean typography.
02
Color
#F7EA48Accent
#1D0B0DInk
#141414Ink soft
#FCF9F0BG
#103B15Muted
rgba(16,59,21,0.2)Line
Warm, inviting palette combining creamy backgrounds, dark natural inks, and a single vibrant yellow accent.
03
Typography
sans-serif
display 56px · 700heading 36px · 700body 16px · 400caption 15px · 40004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent vertical rhythm established through multiples of 4, ensuring balanced whitespace.
05
Surfaces
sm · 4px
md · 8px
lg · 32px
pill · 999px
Solid borders in dark green (#103B15) for emphasis and subtle light gray (#D6D6D6) for divisions.
rgba(0,0,0,0.3) 0px 32px 68px 0px
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Standard grid layout with clear structural divisions and generous spacing.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
Subtle transitions for background colors and opacity. · Width and height animations for dynamic layout adjustments.
Color shifts and subtle transitions on interactive elements. · Immediate visual feedback with transitions on active states.
08
Components
button Solid yellow buttons (#F7EA48) with dark uppercase text, or dark solid buttons with white uppercase text. card Photographic layouts with overlapping text and subtle drop shadows. chip Minimal use, primarily structural navigation elements. input Standard form fields with clear visual feedback and dark borders. hero Full-width immersive hero section featuring high-quality food photography. 09
Voice & Don'ts
Tone Inviting, modern, and enthusiastic. Headlines Bold, uppercase typography with high contrast against backgrounds. CTAs Direct, uppercase commands with strong color accents. Don't use a cool, monochromatic palette — screenshot shows warm, inviting tones. Don't apply heavy drop shadows to all UI elements — screenshot shows selective use. Don't use delicate, low-contrast typography — screenshot features bold, highly legible type. Don't prioritize complex animations over clear content delivery — screenshot shows minimal motion. Don't use abstract iconography without clear labels — screenshot relies on text-based navigation. Don't avoid full-bleed photography — screenshot prominently uses immersive food imagery. Avoid: Overly formal language Avoid: Subtle text weights Avoid: Muted color palettes 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Design a modern, inviting restaurant website that emphasizes fresh ingredients and vibrant flavors. Use a warm color palette anchored by a creamy background (#FCF9F0), deep natural ink (#1D0B0D), and a single bright yellow accent (#F7EA48). Employ bold, highly legible sans-serif typography for headlines and clear, readable sans-serif for body text. Structure the layout with generous whitespace and a standard grid. Critical constraints: never use cool, clinical color schemes; do not apply subtle or delicate typography; and avoid minimal layouts that lack immersive food photography. Focus on a bold, expressive, and welcoming visual identity.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is an excellent example of bold, expressive restaurant branding that successfully combines high-quality photography with strong typography and a warm color palette.
