#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg Adobe Firefly

Kostenlose 3D-Generator-Workflows in Adobe Firefly entdecken.

Erstelle fotorealistische Bilder im 3D-Modell-Stil – für Produkt-Renderings, Figuren, isometrische 3D-Szenen und mehr – aus einem Text-Prompt oder Referenzbild. Setze Adobe Firefly als 3D-Generator ein und entdecke produktionsreife Visuals, die du sofort herunterladen, teilen oder für dein nächstes Design-Projekt verwenden kannst.

Eine Hand hält ein Paar elegante silberne Over-Ear-Kopfhörer vor einem neutralen Hintergrund. https://main--cc--adobecom.aem.live/cc-shared/assets/svg/s2-icon-upload-20-n.svg Bild hochladen

oder hier per Drag-and-Drop ablegen

Die Datei muss im Format JPEG (JPG), PNG oder WEBP vorliegen und darf maximal 100 MB groß sein.

Durch das Hochladen deines Fotos oder Videos stimmst du den Nutzungsbedingungen und der Datenschutzrichtlinie von Adobe zu und bestätigst, dass du mindestens 18 Jahre alt bist.

Eine Hand hält ein Paar elegante silberne Over-Ear-Kopfhörer vor einem neutralen Hintergrund.

https://main--cc--adobecom.aem.live/cc-shared/assets/svg/s2-icon-upload-20-n.svg Bild hochladen

oder hier per Drag-and-Drop ablegen

Die Datei muss im Format JPEG (JPG), PNG oder WEBP vorliegen und darf maximal 100 MB groß sein.

Durch das Hochladen deines Fotos oder Videos stimmst du den Nutzungsbedingungen und der Datenschutzrichtlinie von Adobe zu und bestätigst, dass du mindestens 18 Jahre alt bist.

Eine Hand hält ein Paar elegante silberne Over-Ear-Kopfhörer vor einem neutralen Hintergrund.

https://main--cc--adobecom.aem.live/cc-shared/assets/svg/s2-icon-upload-20-n.svg Bild hochladen

oder hier per Drag-and-Drop ablegen

Die Datei muss im Format JPEG (JPG), PNG oder WEBP vorliegen und darf maximal 100 MB groß sein.

Durch das Hochladen deines Fotos oder Videos stimmst du den Nutzungsbedingungen und der Datenschutzrichtlinie von Adobe zu und bestätigst, dass du mindestens 18 Jahre alt bist.

  • Die Datei ist größer als 100 MB.
  • Die Anfrage konnte nicht verarbeitet werden
  • Dieser Dateityp kann nicht verarbeitet werden. Bitte versuche es noch einmal.
  • Es kann jeweils nur eine Datei hochgeladen werden.
  • Das Bild ist kleiner als die Mindestauflösung (512 x 512 Pixel). Passe die Größe an und versuche es erneut.
cgen
ff_source=adobe-com&ff_campaign=3d-generator
style
Dark, static links
#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

{{nbsp}}

3D-Bild generieren | 3D-Bild generieren – Adobe Firefly

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

3D-Bild generieren | 3D-Bild generieren – Adobe Firefly

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Kreative KI hat das nächste Level erreicht: mit den neuesten Features für Bilder, Video, Audio und Vektorgrafiken.

3D-Bild generieren | 3D-Bild generieren – Adobe Firefly

style
Sticky bottom, dark

Erstelle 3D-Modelle und Bilder aus einem Prompt – mit Firefly als 3D-Generator.

Ein 3D-Generator hilft dir, Bilder zu erstellen, die dreidimensionale Tiefe, Beleuchtung, Schatten, Materialien und Perspektive simulieren. In Firefly kannst du Bild generieren kostenlos nutzen – um aus einem Foto ein 3D-Modell zu erstellen oder stilisierte 3D-Grafiken aus einem Text-Prompt zu erzeugen, ganz ohne Rendering-Kenntnisse.

style
static-links, grid-width-12
#ffffff

Einen 3D-Modell-Generator für professionelle Renderings entdecken.

Verwandle ein Produktfoto, eine Konzeptskizze, einen Rohentwurf oder eine visuelle Vorlage in wenigen Minuten in ein professionelles 3D-Modell. Die Bild-zu-Bild-KI von Firefly bewahrt die ursprüngliche Komposition und ergänzt sie um fotorealistische Tiefe, Beleuchtung, Schatten und Materialdetails – so kannst du aus einer frühen Idee ein dreidimensionales Bild gestalten, ohne von vorn anfangen zu müssen.

Collage KI-generierter Bilder mit einem 3D-Cartoon-Hund, einer Kerze auf einem Holztisch und einem modernen Glasgebäude, mit einem Prompt-Feld zum Erstellen eines 3D-Renderings.
#ffffff
Weiße Keramiktasse, die von einer Bleistiftskizze in Schwarz-Weiß zu einem fotorealistischen Bild übergeht, mit einem gefalteten roten Tuch daneben.

Firefly als 3D-Modell-Generator für jedes Projekt nutzen.

Von E-Commerce-Produktrenderings und Markenkampagnen-Visuals bis zu Videospielfiguren und Architekturkonzepten – mit „Bild generieren“ in Firefly lassen sich ganz einfach in Minuten überzeugende 3D-Kompositionen erstellen. Starte mit einem Text-Prompt oder einem Referenzbild und nutze Firefly, um dein Bild in ein Bild-zu-3D-Modell umzuwandeln, das Aussehen, Komposition und Stil vorgibt. Komplexe Design-Kenntnisse sind nicht erforderlich.

#ffffff

3D-generierte Bilder bearbeiten, verfeinern und perfektionieren.

Sobald du ein 3D-Bild erstellt hast, kannst du es im Firefly-Fotoeditor weiter verfeinern. Entferne unerwünschte Objekte oder Hintergründe, erweitere den Rahmen, passe Beleuchtung und Komposition an oder nimm gezielte Bearbeitungen in bestimmten Bildbereichen vor. Von E-Commerce-Renderings über Architekturkonzepte bis hin zu Marken-Visuals – Firefly begleitet dich nahtlos vom ersten Entwurf bis zum fertigen Asset.

Eine radfahrende Person neben einem roten Fahrrad in einer Bildbearbeitungsoberfläche, mit dem ausgewählten Werkzeug „Erweitern“, das das Bild über seinen ursprünglichen Rahmen hinaus ausdehnt.
#ffffff
Vier KI-generierte Variationen der gleichen roten Stehlampe – als freigestelltes Produkt sowie inszeniert in Wohnzimmer-, Lounge- und Schlafzimmereinrichtungen.

Weitere 3D-Generator-Workflows in Firefly entdecken.

Nutze das Firefly Image Model oder Partnermodelle wie FLUX und Gemini, um im selben Firefly-Arbeitsbereich verschiedene Ästhetiken, Rendering-Stile und kreative Ausrichtungen zu erkunden. Sobald du dein 3D-Bild generiert hast, kannst du es in Adobe Photoshop für Compositing und Retusche öffnen, in Adobe Express für Social-Media-Veröffentlichungen nutzen, mit Video generieren für weitere Social-Media-Einsätze weiterentwickeln oder in den Creative Cloud-Apps weiter verfeinern.

style
Static links

So erstellst du ein 3D-Bild mit Adobe Firefly.

Schritt 1

Adobe Firefly öffnen.

Melde dich mit deiner Adobe ID bei Adobe Firefly an oder erstelle ein kostenloses Konto, falls du noch keines hast. Wähle auf der Adobe Firefly-Startseite Bild generieren, um loszulegen.

Schritt 2

Prompt eingeben oder Referenzbild hochladen.

Beschreibe das 3D-Bild, das du erstellen möchtest, oder lade ein Referenzbild hoch, um Stil und Komposition zu definieren. Für optimale Ergebnisse gib Details zu Motiv, Materialien, Beleuchtung, Kamerawinkel, Hintergrund und Gesamtstimmung an. Zum Beispiel: „Fotorealistisches 3D-Rendering eines Luxus-Sneakers auf einer reflektierenden Studio-Oberfläche, dramatische Seitenbeleuchtung, dunkler Hintergrund.“

Schritt 3

Variationen generieren und prüfen.

Wähle Generieren, um die Ergebnisse zu sehen. Passe deinen Prompt an und generiere das Bild erneut, um weitere Optionen zu erkunden. Sobald du eine Version gefunden hast, die dir gefällt, kannst du die Adobe Firefly-Bearbeitungstools nutzen, um Beleuchtung, Komposition und Stil weiter zu verfeinern.

Schritt 4

3D-Bild herunterladen und teilen.

Wenn dir dein Ergebnis gefällt, kannst du es herunterladen, in die Zwischenablage kopieren oder direkt mit anderen teilen.
  • So erstellst du ein 3D-Bild mit Adobe Firefly.
  • Schritte zum Erstellen eines 3D-Bilds mit Adobe Firefly.
  • PT5M
  • firefly
3D-Bild generieren | So erstellst du ein 3D-Bild mit Adobe Firefly.
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Warum Firefly als 3D-Bildgenerator nutzen?

Nutze Firefly als kostenlosen 3D-Generator, um fotorealistische Bilder aus einem Text-Prompt zu erstellen – oder erkunde die Bild-zu-Bild-KI von Firefly mit einem Referenzbild. Ob du einen KI-3D-Generator zum ersten Mal ausprobierst oder kommerziellen Content produzierst: Du kommst schnell von der Idee zur fertigen Visualisierung.

background
#FFF
style
Grid-width-8, xl-top-rounded-corners, static links
#FFF
Fotorealistische 3D-Darstellung eines modernen zweistöckigen Hauses mit Stein-, Holz- und Glasdetails, umgeben von gepflegtem Grün.
Fotorealistische 3D-Darstellung eines modernen zweistöckigen Hauses mit Stein-, Holz- und Glasdetails, umgeben von gepflegtem Grün.
Fotorealistische 3D-Darstellung eines modernen zweistöckigen Hauses mit Stein-, Holz- und Glasdetails, umgeben von gepflegtem Grün.

3D-Bilder in Studioqualität – ganz ohne Spezialsoftware.

Firefly erstellt 3D-Visualisierungen mit realistischer Tiefe, Beleuchtung, Schatten und Materialdetails – und hilft Kreativen dabei, schnell Ideen zu entwickeln und zu iterieren, bevor sie sich für eine kreative Richtung entscheiden.

#FFF
Stilisierte Cartoon-Baumfigur mit erhobenem Daumen, gezeigt neben verschiedenen 3D-Charaktervariationen.
Stilisierte Cartoon-Baumfigur mit erhobenem Daumen, gezeigt neben verschiedenen 3D-Charaktervariationen.
Stilisierte Cartoon-Baumfigur mit erhobenem Daumen, gezeigt neben verschiedenen 3D-Charaktervariationen.

Volle kreative Bandbreite.

Mit dem Firefly 3D-Modell-Generator erstellst du alles – von hyperrealistischen Produkt-Renderings und Architekturvisualisierungen bis hin zu stilisierten Figuren, abstrakten Skulpturen und isometrischen 3D-Szenen.

#FFF
Farbenfroher 3D-gerenderter Sneaker mit neongelben Schnürsenkeln, schwebend vor einem leuchtend blauen Hintergrund.
Farbenfroher 3D-gerenderter Sneaker mit neongelben Schnürsenkeln, schwebend vor einem leuchtend blauen Hintergrund.
Farbenfroher 3D-gerenderter Sneaker mit neongelben Schnürsenkeln, schwebend vor einem leuchtend blauen Hintergrund.

Mehr Modelle zur Auswahl.

Entdecke verschiedene Looks mit Firefly und KI-Partnermodellen wie GPT Image, FLUX und Gemini. Jedes Modell bringt einen eigenen Stil, eine individuelle Stimmung und ein unterschiedliches Maß an Realismus in dein kombiniertes Bild.

style
Three up, s spacing top, xxl spacing bottom, show-2-desktop
background
#FFF
#FFF
3D-Modell eines silbernen Konzeptautos in einem digitalen Design-Arbeitsbereich mit Modellierungshilfen und Farbsteuerung.
3D-Modell eines silbernen Konzeptautos in einem digitalen Design-Arbeitsbereich mit Modellierungshilfen und Farbsteuerung.
3D-Modell eines silbernen Konzeptautos in einem digitalen Design-Arbeitsbereich mit Modellierungshilfen und Farbsteuerung.

Nahtlose Workflows.

Verfeinere deine 3D-Bilder, ohne deinen Workflow zu unterbrechen. Animiere sie zu einem kurzen Video, optimiere sie mit den integrierten Bearbeitungswerkzeugen oder importiere sie in andere Adobe-Anwendungen, um sie dort weiter zu bearbeiten, zu retuschieren und zu veröffentlichen. Von der ersten Eingabe bis zum fertigen Asset – Firefly bringt dich schnell von der Idee zum ausgefeilten Ergebnis.

style
two up, s spacing top, l spacing bottom, show-2-desktop
background
#FFF
3D-Bild generieren | Warum Firefly als 3D-Bildgenerator nutzen
background
#FFF
style
xl-top-rounded-corners, static links

Entdecke deine Möglichkeiten mit Firefly.

Ein Cremesicle-Eis, das langsam in lebhaften, warmen Orange-Rosa-Tönen schmilzt
https://firefly.adobe.com/hub?hData=%7B%22version%22%3A%221.1%22%2C%22module%22%3A%22ImageGeneration%22%2C%22config%22%3A%7B%22type%22%3A%22set%22%2C%22prompt%22%3A%22A%20close-up%20product%20photo%20of%20a%20melting%20orange%20creamsicle-style%20popsicle%20on%20a%20wooden%20stick%2C%20standing%20upright%20on%20a%20light%20gray%2Fwhite%20surface%20against%20a%20solid%20vivid%20blue%20background.%20The%20popsicle%20is%20heavily%20melting%2C%20with%20thick%20drips%20running%20down%20its%20ribbed%2C%20rounded-rectangle%20sides%20and%20pooling%20into%20a%20puddle%20at%20the%20base%20around%20the%20stick.%20The%20surface%20shows%20condensation%20droplets%20and%20a%20slightly%20frosted%2C%20textured%20ice-cream%20interior%20visible%20through%20the%20translucent%20orange%20coating.%20Soft%2C%20even%20studio%20lighting%2C%20sharp%20focus%2C%20minimalist%20composition%2C%20shot%20straight-on%20like%20a%20commercial%20food%20advertisement.%22%2C%22referrer%22%3A%22Unknown%22%2C%22modelId%22%3A%22gemini-flash%22%2C%22modelVersion%22%3A%22nano-banana-3%22%7D%7D
Leuchtender Kaktus mit kleinen Lichtern vor einem zarten rosa Hintergrund.
Nahaufnahme eines leuchtenden, blühenden Kaktus vor einem ätherischen zartrosa Hintergrund…
Hochauflösende 8K-Nahaufnahme eines niedlichen, tonartigen, blühenden Kaktus vor einem gleichmäßig ätherischen rosa Hintergrund mit leuchtenden Dornen und Blättern an der Basis
Niedliches, stilisiertes 3D-Känguru in orange-braunen Farbtönen, mit freundlichem Lächeln und einer zum Gruß erhobenen Pfote vor einem blau verlaufenden Hintergrund.
https://firefly.adobe.com/hub?hData=%7B%22version%22%3A%221.1%22%2C%22module%22%3A%22ImageGeneration%22%2C%22config%22%3A%7B%22type%22%3A%22set%22%2C%22referrer%22%3A%22Unknown%22%2C%22prompt%22%3A%22Cute%20stylized%203D%20kangaroo%20character%20standing%20center-frame%20on%20a%20smooth%20blue%20gradient%20studio%20floor%20and%20backdrop%2C%20warm%20orange-brown%20fur%20tones%20with%20a%20creamy%20beige%20belly%20and%20inner%20ears%2C%20oversized%20rounded%20head%2C%20big%20glossy%20eyes%2C%20small%20rounded%20nose%2C%20friendly%20toothy%20smile%2C%20simplified%20smooth%20limbs%20and%20paws%2C%20no%20fur%20(plastic%2Fvinyl%20stylized%20shader).%20Pose%3A%20three-quarter%20view%2C%20slightly%20low%20camera%20angle%2C%20right%20arm%20raised%20in%20a%20waving%20gesture%20with%20open%20fingers%2C%20left%20hand%20resting%20on%20hip%2C%20tail%20resting%20on%20floor%20for%20balance.%20Lighting%3A%20soft%20three-point%20studio%20lighting%20%E2%80%94%20warm%20key%20from%20upper-left%2C%20cool%20fill%20from%20front-right%2C%20subtle%20rim%20light%20from%20back-right%20to%20separate%20silhouette%2C%20soft%20shadows%20and%20gentle%20specular%20highlights%2C%20slight%20subsurface%20scattering%20in%20ears%20and%20nose.%20Composition%3A%20ample%20negative%20space%2C%20centered%20subject%2C%20shallow%20depth%20of%20field%20(35mm%20equivalent%2C%20f%2F4)%20for%20slight%20background%20blur.%20Materials%3A%20smooth%20diffuse%20base%2C%20subtle%20sheen%2C%20clean%20cartoon%20shading%2C%20high%20quality%20filmic%20tone%20mapping.%20Render%20high-resolution%20with%20beauty%2C%20AO%2C%20shadow%20and%20specular%20passes%2C%20cheerful%20kid-friendly%20mood.%22%2C%22modelId%22%3A%22firefly_image%22%2C%22modelVersion%22%3A%22image5%22%7D%7D

Entdecke noch mehr Funktionen.

background
#F0F0F7
KI-Avatar-Generator Partnermodelle Objekt aus Foto entfernen Skizze zu Bild KI-Fotoeditor Gemini Nano Banana FLUX Pop-Art KI-Fotorestaurierung KI-Figurengenerator KI-Kunstgenerator KI-Animationsgenerator
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Fragen? Wir haben die Antworten.

Was ist ein 3D-Bildgenerator?

Ein 3D-Bildgenerator ist ein KI-Tool, das aus einem Text-Prompt oder Referenzbild fotorealistische oder stilisierte dreidimensionale Bilder erstellt – mit simulierter Tiefe, Beleuchtung, Schatten und Materialeigenschaften, ganz ohne klassische 3D-Modellierungssoftware.

Welcher KI-3D-Bildgenerator ist die richtige Wahl?

Die Wahl des richtigen KI-3D-Bildgenerators hängt davon ab, was du erstellen möchtest. Adobe Firefly ist eine überzeugende Option für Kreative, Marketingfachleute sowie Designerinnen und Designer, die fotorealistische 3D-Bilder benötigen – darunter Produkt-Renderings, Figuren, Umgebungen und Marken-Visuals – direkt aus einem Text-Prompt oder Referenzbild, ohne Kenntnisse in 3D-Software oder Modellierung. Adobe Firefly vereint integrierte Bearbeitungstools mit nahtloser Integration in das Creative Cloud-Ökosystem.

Ist der Adobe Firefly 3D-Bildgenerator kostenlos nutzbar?

Ja. Die kostenlose Version von Adobe Firefly umfasst tägliche Bildgenerierungen, sodass du ohne kostenpflichtiges Abo sofort mit der Erstellung von 3D-Bildern beginnen kannst. Kostenpflichtige Abo-Varianten von Adobe Firefly bieten höhere Generierungslimits und Zugang zu weiteren Modellen. Erfahre mehr zur kostenlosen Nutzung von Adobe Firefly.

Brauche ich 3D-Erfahrung, um den Adobe Firefly 3D-Bildgenerator zu nutzen?

Nein. Adobe Firefly ist für Kreative auf jedem Erfahrungslevel konzipiert. Du kannst fotorealistische 3D-Bilder aus einem Text-Prompt oder Referenzbild generieren – ganz ohne Modellierungssoftware, Rendering-Kenntnisse oder technisches Vorwissen.

Wie erziele ich optimale Ergebnisse mit dem Adobe Firefly 3D-Bildgenerator?

Für optimale 3D-Ergebnisse solltest du in deinem Prompt so präzise wie möglich sein: Beschreibe Materialien wie Metall, Glas oder Keramik, die Beleuchtung – etwa Studiolicht, dramatisch oder Umgebungslicht –, den Kamerawinkel sowie den Stil, etwa fotorealistisch, stilisiert oder cineastisch. Rendering-Referenzen wie „Cinema 4D-Qualität“ können der KI helfen, professionellere Ergebnisse zu liefern. Du kannst auch ein Referenzbild hochladen, um Stil oder Komposition vorzugeben.

Welche 3D-Bilder kann ich mit Adobe Firefly erstellen?

Mit Adobe Firefly lässt sich eine breite Palette an 3D-Bildern generieren: fotorealistische Produktdarstellungen, 3D-Figuren und -Kreaturen, Architektur- und Innenraumvisualisierungen, abstrakte geometrische Kompositionen und cineastische Standbilder.

Kann ich die 3D-Bilder, die ich mit Adobe Firefly erstelle, für kommerzielle Projekte nutzen?

Ja. Mit Adobe Firefly-Modellen generierte Inhalte sind für die kommerzielle Nutzung freigegeben – für Marketing, E-Commerce, Markeninhalte und Kundenprojekte. Beachte, dass für Ergebnisse aus Partnermodellen von Drittanbietern möglicherweise keine gleichwertigen Zusicherungen zur kommerziellen Nutzung gelten.

Welche Dateiformate kann ich für 3D-Bilder aus Adobe Firefly exportieren?

Mit Adobe Firefly generierte Bilder können als JPG- oder PNG-Dateien heruntergeladen werden. Für eine höhere Auflösung kannst du die Hochskalierungsfunktion vor dem Herunterladen nutzen oder das Bild zur weiteren Bearbeitung und für den Export in Adobe Photoshop öffnen.

Wie unterscheidet sich der Adobe Firefly 3D-Generator von anderen KI-3D-Tools?

Das ideale generative KI-3D-Tool für Kreative liefert kommerziell sichere Ergebnisse, lässt sich nahtlos in professionelle Workflows integrieren und erfordert kein technisches Fachwissen. Adobe Firefly erfüllt all das: Es verbindet fotorealistische 3D-Generierung mit integrierten Bearbeitungstools und bietet Zugang zu kommerziell sicheren Modellen von Adobe sowie zu führenden Partnermodellen wie FLUX und Gemini – alles in einem Arbeitsbereich.

Kann ich 3D-Assets für Spiele oder Animationen erstellen?

Ja. Mit Adobe Firefly lassen sich 3D-Figuren, Umgebungen und Konzeptvisualisierungen generieren, die als Ausgangspunkt für Game-Design- und Animationsprojekte dienen. Die generierten Assets können anschließend in Adobe-Apps zur weiteren Verfeinerung und für das Compositing übernommen werden.
style
static links

Seite teilen.

style
xl spacing bottom
#F0F0F7

Weitere Firefly-Tools entdecken.

#FFF

Generative KI im Gaming-Bereich.

Noch nie war es so leicht, Ideen zu verwirklichen. Erfahre mehr über die Rolle von KI im Gamedesign.

Mehr erfahren | Mehr erfahren – KI-Kunst für die Spieleentwicklung.
#FFF
media_17ef1944c32113871ce3595a877a560ac410ee497.jpg (720×540)

Generative KI in der Architektur.

Erfahre, wie KI Architektinnen und Architekten dabei unterstützt, funktionalere und innovativere Umgebungen zu schaffen – schneller und effizienter als je zuvor.

Mehr erfahren | Mehr erfahren – Generative KI in der Architektur.
#FFF
KI-generiertes Bild eines Waldes zur goldenen Stunde. Mit der Schaltfläche „Generieren“ wird eine Hütte hinzugefügt.

Vorteile von KI im Bereich Grafik-Design.

Erfahre, wie Designerinnen und Designer mit aktuellen KI-Tools produktiver arbeiten und neue gestalterische Wege gehen können.

Mehr erfahren | Mehr erfahren – KI für Grafik-Design

#FFF
media_190d24116dd66a29adac78f99aefeed08cb92057e.jpg (2000×1556)

Was ist generative KI?

Erfahre, wie sie funktioniert, womit sie trainiert wurde und wie sie kreative Workflows verändert.

Mehr erfahren | Mehr erfahren – Was ist generative KI?
style
Show-4-desktop, s spacing top, xxl spacing bottom, grid-width-12
background
#F0F0F7